2013-03-19 72 views
2

我具有边缘的列表,其中它从键,可进入重视制作有向图从边缘的列表中的JavaScript

所以a => [x,y,z]意味着a连接到x,以yz

我有一个很长的列表,我想要可视化它,最好用JavaScript。

什么是一些已知的JavaScript包,将无痛做到这一点(输入边缘,通过JavaScript输出图)

+0

你可以尝试用'canvas'自己绘制它 – Stasel 2013-03-19 11:34:01

+0

相似主题:http://stackoverflow.com/questions/1448319/recommendations-for-visualising-a-directed-graph-in-a-web-ui – user1205577 2013-03-19 11:37:55

+1

http://arborjs.org/可以适合你的账单。 – AKX 2013-03-19 11:38:10

回答

2

我会强烈建议d3.js,API是直观的,确实可视化数据方面表现出色。一些示例输出可用here (d3noob.org)here (bl.ocks.org)

创建有向图的基本演练可从d3noob.org here获取。

+0

真棒,正是我需要的。谢谢! – 2013-03-19 13:44:26

1

你可以试试Cytoscape.js。它是Javascript中的图形分析和可视化库。 http://cytoscape.github.com/cytoscape.js/

它甚至支持带有端点标记(即箭头)的边缘,这对于有向图很有用。

声明:我参与了Cytoscape.js。