Javascript 带有拓扑图的REST客户端应用程序

我想用拓扑图（如下图所示）开发一个网络管理REST客户端。使用该应用程序，用户应该能够通过拖放创建拓扑图，通过拖动更改节点位置，编辑节点属性和删除节点元素

现在我正在做一些可行性研究，如何使用HTML5客户端或Java厚客户端完成这项任务。我看过一些API，但是它已经商业化了

我计划开发这个应用程序Angularjs或JavaFX。但是它们都没有内置的库（我更喜欢用AngularJs开发这个客户端应用程序）。你能帮我找到任何JavaScript框架或Java库来完成这个任务吗（然后我可以将它们与AngularJs或JavaFX集成）

我在StackOverflow也看到过类似的情况，它太旧了，但现在可以在新的框架中使用

谢谢

---

我们可以使用一些HTML 5相关的UI框架来完成这项任务，这些框架可以可视化交互式图形（用户可以创建、更新、读取和删除图形元素）。其中一些是：

• 长袍

是一个功能丰富的JavaScript库，用于跨现代web浏览器和平台实现自定义交互式图表和复杂可视化。 该库使用可定制的模板和布局，可以轻松构建复杂节点、链接和组的JavaScript图。 商业许可证

资料来源：

• JointJS

是一个现代化的HTML5JavaScript库，用于可视化以及与图表和图形的交互。 它可以用来创建静态图表，更重要的是，可以创建完全交互式的图表工具，如工作流编辑器， 流程管理工具、IVR系统、API集成商、演示应用程序等。在开源许可证（较少的功能）和商业许可证（更多的功能）下获得许可

资料来源：

• mxGraph

是一个JavaScript图表库，可以快速创建交互式图形和图表应用程序，并在任何主要浏览器中运行。 根据Apache许可证2.0（免费和开源）。 支持JavaScript、Java、.NET和PHP

1） mxDraw

资料来源：

2） 图形编辑器

资料来源：

• vis.js

是一个基于浏览器的动态可视化库。 该库设计为易于使用，能够处理大量动态数据，并能够对数据进行操作和交互。 在Apache2.0（免费和开源）和MIT（开源许可）下获得许可

资料来源：vis.js

• D3.js

是一个JavaScript库，用于基于数据操作文档。 D3使用HTML、SVG和CSS将数据带入生活。D3对web标准的强调为您提供了现代浏览器的全部功能， 结合强大的可视化组件和数据驱动的DOM操作方法。 根据BSD许可证（开源计划）

资料来源：

结论

根据GoJS的特点，它是可视化交互式图形最方便的框架， 因为UI可以很容易地定制，并且可以将图表模型保存为JSON格式。 但这是在商业许可下（每个开发者2995美元）

JointJS的开源许可证版本提供的功能更少， 因此需要购买商业版以满足我们的要求。 定制他们复杂的用户界面可能很困难

D3.js更为用户友好，但我们必须根据我们的要求进行更多的努力来微调，例如， 通过工具图标继续创建节点，使用户能够自定义节点的标题值，删除一些现有的视觉效果等。
需要探索图表模型的保存格式（JSON、XML、TXT等）

根据我的结论，我们可以选择mxGraph或vis.js JavaScript库进行开发

mxGraph：似乎我们可以轻松定制“mxDraw”（web 2.0风格的图表编辑器）绘图应用程序并重用它。 “Graph Editor”图表编辑器应用程序更高级，定制它可能需要更多时间，需要探索图表模型保存格式

---

vis.js：比“mxGraph”更方便用户，但我们可能需要花费一些开发精力来探索图表模型保存格式和删除现有的视觉效果

你查过D3.js或Cytoscape吗？@aurelianshz-不，我查一下，非常感谢。