2012-06-04 61 views
6

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

我只需要添加一些节点(节点上有文字),在它们之间添加边缘(边缘被定向并在文字上)。我不想手动设置任何东西的位置。

我想API简单:

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

我搜索了几个小时,看了之后arborjs,sigma.js,d3.js,JavaScript的InfoVis工具包,他们都不能让我满意。

还有什么我可以尝试吗?

+0

相关的,如果没有一个重复:https://stackoverflow.com/questions/10886705/javascript-network-visualization和https://stackoverflow.com/questions/ 8749706 /网络图-使用JavaScript的 – SherlockEinstein

回答

2

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(); 
3

我们生产mxGraph,但请注意,这是一个商业图书馆,而不是开源。我不确定为什么你列出的开源库失败了,但肯定会形成图形,设置几何图形和标签都是相当平凡的函数调用。

0

试用cne-tnetwork。这是JavaScript可视化库来创建和绘制网络图。它基于SVG和HTML 5兼容。它在github上公开发布,根据GNU Afferro许可证授权。您可以在库的readme中找到如何使用它。它有一个拖动节点的模式。节点之间的链接可以是单向的,双向的甚至是连接多个元素的“总线”。使用CSS,您可以自定义您的所有样式(节点,链接,箭头,总线...)。

2

我发现这个JavaScript库是有帮助的。退房的网络范例页:

visjs