如何在Web应用程序中嵌入neo4j浏览器结果可视化

Question

可以通过neo4j browser（其中neo4j是neo4j主机）访问的http://neo4j:7474非常适合查看查询结果。

据我所知，javascript库负责与bolt：// localhost：7687的数据库后端进行通信以及渲染结果。

如何使用此javascript库以嵌入方式在我们的主Web应用程序中显示查询结果？

1. Web应用程序应负责撰写密码查询。
2. 我更希望Web应用程序后端负责从数据库后端获取结果，并出于安全原因将结果传递给javascript库。
3. javascript库应负责将结果呈现为给定的<div></div>。

4. 用户应该能够拖动节点，但无法通过ui操纵数据或发送其他查询。因此，只有红色框结果区域应该是可见的。

   

Answer 1

这是不可能的，因为Neo4j Browser不是设计用作嵌入式图形可视化工具。

但是，您可以使用图形可视化库将图形可视化嵌入到Web应用程序中。 JavaScript图形可视化库的一些示例：

• D3.js
• VivaGraphJS
• Sigma
• KeyLines
• Alchemy.js

或者，由于Neo4j Browser是一个开源工具，您可以签出项目并对其进行修改以实现目标。

Answer 2

根据可视化工具的Neo4j文档，可视化工具分为3类：

1. 具有内置Neo4j连接的可嵌入式工具
2. 没有直接Neo4j连接的可嵌入式库
3. 独立产品工具

听起来您正在寻找第一个选项。在此之下，有：  1. Neovis.js-https://medium.com/neo4j/graph-visualization-with-neo4j-using-neovis-js-a2ecaaa7c379  2. Popoto.js-http://www.popotojs.com

我建议您同时检查Popoto，以简化集成并获得最佳可视化效果。

参考：https://neo4j.com/developer/tools-graph-visualization/