用于动态网络可视化的 JavaScript 库？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/19033151/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
JavaScript library for dynamic network visualization?
提问by MRocklin
What is a good JavaScript library for the visualization of time-evolving/dynamic graphs/networks?
什么是用于可视化时间演化/动态图/网络的优秀 JavaScript 库？
My data is in the form of source -> destination at timetriples like the following
我的数据采用source -> destination at time三元组的形式，如下所示
A -> B at 100
B -> C at 101
A -> D at 104
C -> D at 105
...
On the screen I would like to see an animation of points connected by edges with edges flickering on and off as time evolves.
在屏幕上，我希望看到由边缘连接的点的动画，边缘随着时间的推移而闪烁。
I'm also happy to contribute to an open source library that is almost there.
我也很高兴为一个几乎就在那里的开源库做出贡献。
Clarifications:
说明：
- By graph I mean a set of nodes connected by a set of edges, not a plot
- This question is related to (but distinct from) the following question: Graph visualization library in JavaScript
- 图形是指由一组边连接的一组节点，而不是一个图
- 此问题与以下问题有关（但不同于）：JavaScript 中的图形可视化库
采纳答案by ramiro
I've worked with Sigma.js, which is an open source library exactly for the purpose of drawing network graphs. It's Canvas based, so faster than SVG especially for large networks, but dynamic manipulation of nodes/edges is not as straightforward. One nice feature is you can render Gexf files, created with Gephi or other tools, with very little effort.
我使用过Sigma.js，它是一个开源库，专门用于绘制网络图。它基于 Canvas，比 SVG 快，尤其是对于大型网络而言，但节点/边的动态操作并不那么简单。一个不错的功能是您可以轻松渲染使用 Gephi 或其他工具创建的 Gexf 文件。
回答by Tarek Koudsi
Vis.js, a browser based visualization library, is another option for you. Also, their public repois active.
回答by kielni
Take a look at d3.js: "D3.js is a JavaScript library for manipulating documents based on data" http://d3js.org/
看看d3.js：“D3.js是一个基于数据操作文档的JavaScript库” http://d3js.org/
Here's an example of drawing a graph from a dataset: http://bl.ocks.org/mbostock/1153292
这是从数据集绘制图形的示例：http: //bl.ocks.org/mbostock/1153292
Here's an example that shows how to dynamically update data. You could stream it from a server or simulate it by stepping through the data entirely on the client side: http://mbostock.github.io/d3/tutorial/bar-2.html
这是一个显示如何动态更新数据的示例。您可以从服务器流式传输它或通过完全在客户端逐步处理数据来模拟它：http: //mbostock.github.io/d3/tutorial/bar-2.html
回答by jancha
Have a look at this example by ZoomCharts:
看看ZoomCharts 的这个例子：
]
]
Seems this is exactly what you are looking for.
似乎这正是您要寻找的。
Disclosure: I am co-owner and core developer in ZoomCharts.com
披露：我是 ZoomCharts.com 的共同所有者和核心开发人员
