2009-12-24 92 views
6

我正在寻找一个JavaScript图书馆,它将节点排列成一个圆形,绘制网络图。用于可视化图形/网络的简单JavaScript库?

还有一些关于javascript可视化的其他一些好问题,但大部分引用的东西似乎都是相当重量级的工具包。我正在寻找一个简单的API,它允许我传入代表连接的字符串对数组,然后将结果图的节点绘制成一个圆圈,内部线连接所连接的节点。

要求:JavaScript的(不闪),免费的,可以脱机使用

回答

7

我最近也有类似的需要,发现最好的免费图形可视化是Javascript InfoVis Tooklit。我找不到更轻量级的东西,它也会显示合理的连接图。幸运的是,有很多示例/教程来学习如何为您的特定应用程序进行设置。

+0

那么我的“节点圈”情况是否是他们的HyperTree类的一个实例呢? – kdt 2009-12-24 14:15:33

+0

我在想RGraph类,因为它是一张图而不是一棵树 - 但无论如何,请仔细阅读演示,直到找到最接近你想象的那个。 – 2009-12-24 14:44:41

1

乘坐LOOKAT http://raphaeljs.com/

+1

这似乎是绘制库:我在寻找一些东西,将实际上有一个“draw_graph(数据)”功能,而不必做我自己的圆/线等。 – kdt 2009-12-24 14:08:51

+0

道歉:进一步看看http://g.raphaeljs.com/ – graphicdivine 2009-12-24 14:13:48

+2

g.raphaeljs.com是用于可视化饼图/条形图 - 不是网络/图形。 – 2009-12-24 14:39:05

0

你看过Google的可视化API了吗?这是Javascript,你可以离线运行它。 (加上他们有一些Python/Java中的工具来转换您的数据使用...等)。

+1

来自Google Visualization API常见问题解答: '我可以离线使用可视化吗? 不;您的计算机必须能够实时访问http://www.google.com/jsapi才能使用可视化功能' – kdt 2009-12-28 10:47:19

4

Cytoscape Web JS会做你需要的。

退房GitHub的页面here其中还包含一个简单的演示 http://cytoscape.github.com/cytoscape.js/

+0

是否有可能展示这种关系?我可以为每个关系命名吗? – dlopezgonzalez 2013-01-12 13:15:35

+0

当然可以。我回答了问题[你问](http://stackoverflow.com/questions/14293474/can-i-show-the-kind-of-relation-between-nodes-in-cytoscape-js/14294825#14294825) – by0 2013-01-12 15:33:06

0

mxGraph是免费的,如果你使用的是非商业性