JavaScript 网络可视化

JavaScript network visualization?

本文关键字：可视化 网络 JavaScript      更新时间：2023-09-26

我正在寻找一个库来可视化网络。

我只需要添加一些节点（节点上有文本），在它们之间添加边缘，（边缘是定向的，上面有文本）。我不想手动设置任何东西的位置。

我想要简单的 API：

var node1 = X.addNode(1, "Hello"),
    node2 = X.addNode(2, "World");
X.addEdge(node1, node2, "helloworld");

我搜索了几个小时，照顾了arborjs，sigma.js，d3.js，JavaScript InfoVis Toolkit，但没有一个让我满意。

还有什么我可以尝试的吗？

查看 VivaGraphJS。
Amazon Visualization 示例由 VivaGraphJS。

布局配置示例，使用 WebGL 作为渲染器。

我们生产 mxGraph，但请注意这是一个商业库，而不是开源库。我不确定您列出的开源库失败的确切原因，但可以肯定的是，形成图形，设置几何形状和标签都是相当微不足道的函数调用。

sigma.js有什么问题？图书馆的网站有一个非常简单的例子来绘制节点和边缘：

var sigRoot = document.getElementById('sig');
var sigInst = sigma.init(sigRoot);
sigInst.addNode('hello',{
label: 'Hello',
color: '#ff0000'
}).addNode('world',{
label: 'World !',
color: '#00ff00'
}).addEdge('hello_world','hello','world').draw();

查看 sigma 的这一页.js

http://sigmajs.org/examples/a_plugin_example.html您将看到他们如何进行随机或圆形布局。

我发现这个javascript库很有帮助。查看网络示例页面：

维斯杰斯

尝试 cne-tnetwork。它是用于创建和绘制网络图的javascript可视化库。它基于 SVG 且与 HTML 5 兼容。它在github上公开可用，在GNU Afferro许可证下授权。您可以在图书馆的自述文件中找到如何使用它。它具有拖动节点的模式。节点之间的链接可以是单向的、双向的，甚至是连接多个元素的"总线"。使用CSS，您可以自定义所有样式（节点，链接，箭头，总线...）。

相关文章：