graph - Neo4j 图形可视化库

Question

最近我探索了一些可以从 Neo4j 可视化图形的库，但没有得到一个清晰的 View 可供选择，所以我有一些想法想分享。

我的要求和愿望 - 在使用密码查询通过 REST API 搜索后，可视化具有所有关系、节点的图形。结果使交互式 - 能够拖/放...有机会在点击时显示其他节点/关系。通过json数据导入节点，能够快速显示至少400个元素。

所以我或多或少地探索了更多的图书馆:

Three.js - 主要用于 3D。 (如果我不需要 3D 那么最好不要选择这个)

Arbor.js - 绘图留给你，主要是布局库

VivaGraphJS - 易于使用，但几乎没有文档:(

D3.js - 看起来不错，但使用了 SVG

Cytoscape.js - 看起来不错，但我读到我不能将它与 Neo4j 一起使用。 Is D3.js the right choice for real-time visualization of Neo4j Graph DB data为什么？

Processing.js - 拥有自己的类似于 Java 的语言。我还不太懂 Java 类语言(还)。

我有几个问题:

1)你的经验是什么 - 图书馆的好处，弱点？

2)我想我想使用 SVG 的 Canvas ？ (屏幕上有很多小元素)。

3)Arbor 是专门的布局库，但是其他的没有布局算法什么的？

我会很感激任何意见! :-)

Answer 1

我想过类似的情况。我选择了 sigma.js。

1) Whats your experience - benefits, weakneses of libraries?

sigma.js 专用于图形渲染。 d3 是一个完整的可视化工具箱。由于我只想画图，简洁的 sigma.js 界面更容易使用。我想这是 the video创作者在这里谈到了 sigma.js 如何能够进行增量渲染，从而更好地执行并平滑处理更多的顶点/边。

2) I suppose I want to use canvas insted of SVG? (a lot of small elements on the screen).

sigma.js 渲染到 Canvas 。

这是 sigma.js examples . “隐藏节点”示例显示了鼠标交互。另外，这里是 blog post展示了如何使用在 node.js 中编写的极少量数据按摩代码轻松地将 neo4j 与 sigma 集成。很容易将其移植到任何服务器语言。