用于动态网络可视化的 JavaScript 库？ [关闭]

Posted 2023-05-08

【中文标题】用于动态网络可视化的 JavaScript 库？ [关闭]

【英文标题】：JavaScript library for dynamic network visualization? [closed]

【发布时间】：2013-10-02 17:04:38

【问题描述】：

对于时间演化/动态图/网络的可视化，什么是好的 javascript 库？

我的数据是source -> destination at time 三元组的形式，如下所示

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

我想在屏幕上看到由边缘连接的点的动画，边缘随着时间的推移而闪烁。

我也很高兴为即将到来的开源库做出贡献。

说明：

图是指由一组边连接的一组节点，而不是图 此问题与以下问题相关（但不同）：Graph visualization library in JavaScript

【问题讨论】：

看看d3.js 有一些不错的examples 绘制网络和图表的人。

【参考方案1】：

Vis.js，一个基于浏览器的可视化库，是您的另一个选择。此外，他们的public repo 处于活动状态。

【讨论】：

请尝试阅读此***.com/help/deleted-answers，以进一步了解如何不回答。即：“没有从根本上回答问题的答案”：仅是指向外部网站的链接

Vis.js 可以做箭头和边标签，因此非常适合 javascript 中的有向加权图

【参考方案2】：

我使用过Sigma.js，这是一个完全用于绘制网络图的开源库。它是基于 Canvas 的，比 SVG 更快，尤其是对于大型网络而言，但节点/边缘的动态操作并不那么简单。一个不错的功能是您可以轻松渲染使用 Gephi 或其他工具创建的 Gexf 文件。

【讨论】：

要使节点/边的动态操作更直接，需要做多少工作？如果它接近，我愿意贡献。

这个很难回答，你可以看看public API here，也许它已经提供了你需要的东西。

一旦我将 drawEdge 方法暴露给公共 API，我就能够使用 sigmajs 构建相当高速的图形可视化。

【参考方案3】：

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

以下是从数据集中绘制图表的示例：http://bl.ocks.org/mbostock/1153292

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

【讨论】：

作为额外参考，我在 d3js 中构建了几个图表。 vida.io/documents/SyT7DREdQmGSpsBkK（距离图）和vida.io/documents/fGzpzjP98Bs2ShMHW（静态图）

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

【参考方案4】：

看看ZoomCharts的这个例子：

]

看来这正是您要找的。​​p>

---

披露：我是 ZoomCharts.com 的共同所有者和核心开发人员