动态网络可视化的JavaScript库？

Question

有哪些适合可视化时间演变/动态图表/网络的JavaScript库？

我的数据是以以下形式的源 -> 目标在时间上的联系三元组给出：

A -> B at 100
B -> C at 101
A -> D at 104
C -> D at 105
...

我希望屏幕上能够看到一个由边连接的点的动画，随着时间的推移，边会闪烁出现和消失。

我也很乐意为一个几乎完成的开源库做出贡献。

澄清：

• 通过图形，我指的是一组由一组边连接的节点，并不是绘图
• 这个问题与以下问题有关，但又不同： JavaScript中的图形可视化库

- MRocklin

---

看一下d3.js，这里有一些不错的例子，展示了人们绘制网络和图表的技巧。 - ggovan

Answer 1

Vis.js 是一个基于浏览器的可视化库，可以为您提供另一个选择。此外，他们的公共仓库也很活跃。

- Tarek Koudsi

---

请尝试阅读此链接 http://stackoverflow.com/help/deleted-answers，以更好地了解如何**不要**回答问题。具体来说：“不能根本回答问题的答案”指的是：仅仅是对外部网站的链接。 - Radim Köhler

Vis.js可以绘制箭头和边标签，因此它非常适合用于JavaScript中的有向加权图。 - Luke Miles

Answer 2

我曾经使用过Sigma.js，它是一个开源库，专门用于绘制网络图。它基于Canvas，因此对于大型网络比SVG更快，但节点/边的动态操作不够直观。一个不错的功能是你可以很容易地渲染由Gephi或其他工具创建的Gexf文件。

- ramiro

---

如果要使节点/边的动态操作更加简单，需要付出多少工作量？如果接近完成，我愿意做出贡献。 - MRocklin

这个问题很难回答，你可以查看此处的公共API，也许它已经提供了你需要的功能。 - ramiro

一旦我将drawEdge方法公开到公共API中，我就能够使用sigmajs构建相当高速的图形可视化。 - MRocklin

Answer 3

看一下 d3.js: "D3.js 是一个基于数据操作文档的 JavaScript 库" http://d3js.org/

这里有一个从数据集绘制图形的例子: http://bl.ocks.org/mbostock/1153292

这是一个动态更新数据的示例。你可以从服务器流式传输它，或者完全在客户端上通过数据逐步进行模拟：http://mbostock.github.io/d3/tutorial/bar-2.html

- kielni

---

为了进一步参考，我在d3js中构建了几个图表。http://vida.io/documents/SyT7DREdQmGSpsBkK（距离图）和http://vida.io/documents/fGzpzjP98Bs2ShMHW（静态图）。 - Phuoc Do

D3.js GEXF加载器：https://github.com/emeeks/gexfd3。示例：http://bl.ocks.org/emeeks。（在搜索页面中查找“gexf”。） - Mars

Answer 4

看看这个 ZoomCharts 的例子：

]

看起来这正是你正在寻找的。

---

声明：我是ZoomCharts.com的联合所有者和核心开发人员。

- jancha