基于路径的JavaScript图形可视化

Question

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

我想要可视化一个由边相互连接的节点组成的图。在这张图上，我想显示多条路径(遍历多个节点)。必须有可能让多条路由共享同一条边，并为不同的路径分配不同的颜色。图表的布局必须自动完成。

我见过很多用于图形可视化的库，但似乎没有一个支持添加路径。有没有人知道这样一个库？

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

Answer 1

我知道有三个这样的库，你可以使用vis.js http://visjs.org/，Sigma.js http://sigmajs.org/，d3.js http://d3js.org/

检查上面的网络示例。希望能有所帮助。

Answer 2

我同意juvian上面的评论，d3.js是超级可扩展的，即使没有任何图形路径或路由内置函数。我敢打赌，processing.js也是如此。但是，你也尝试过Cytoscape.js吗？它是特定于网络图的，它有一个名为breadthFirstSearch的内置函数，该函数返回一个路径(您可以设置该路径的样式和颜色)。此外，它还内置了对多个边的支持(关联到相同的几个节点)。我会试一试，如果你发现任何有趣的东西，请在这里报告！这个问题很有趣。