JavaScript路径图可视化

Question

我正在寻找一个用于网页图形可视化的库。

我想要将由边缘相互连接的节点组成的图形进行可视化，同时显示多个路径（经过多个节点）。可以让多个路径共享同一条边缘，并为不同的路径分配不同的颜色。图形的布局必须是自动完成的。

我已经看到了许多图形可视化库，但似乎没有一个支持添加路径。是否有人知道这样的库？

基本上，我想创建类似于这个的东西：http://bgplay.routeviews.org/bgplay.png

- Philip

---

http://d3js.org/ 可以做各种各样的事情，即使没有现成的示例，使用该库也可以制作出那个图表。 - juvian

请参见以下链接中的JavaScript图形可视化代码：https://dev59.com/QHVD5IYBdhLWcg3wWaRh - jp-jee

Answer 1

我知道三个相关的库，你可以选择vis.js http://visjs.org/、Sigma.js http://sigmajs.org/ 和 d3.js http://d3js.org/。在上面检查网络示例。希望有所帮助。

- invinciblejai

Answer 2

我同意上面juvian的评论，d3.js非常可扩展，即使没有任何图形路径或路由内置函数。我敢打赌，processing.js也是如此。但是，你尝试过Cytoscape.js吗？它是网络图特定的，并且它有一个名为breadthFirstSearch的内置函数，它返回一个路径（您可以对其进行样式和颜色设置）。此外，它还具有多个边缘（与相同节点对相关）的内置支持。我建议你试一试，如果你发现了什么有趣的东西，请在这里报告！有趣的问题。

- miro marchi