根据Neo4j导出的JSON数据做D3可视化展示
启动服务,再打开 index.html 查看效果
效果图如下及说明:
在搜索、鼠标进入该节点时会展示临近的关系节点
点击节点、文字切换显示
加入了碰撞检测模型,已注释,取消即可与效果图相同
效果展示:
代码使用说明
JSON格式要求
以 p 为键值对表示,每个 p 为一个查询关系。
按如下Cypher查询语句导出均可以展示:
MATCH p=(n:节点类型)-[r:关系类型]->() RETURN p limit 20
如何配置为自己的数据
在 [removed] 标签中定位,修改如下几行代码即可,不需要在到处去找位置了
// 自定义图标及颜色(数组保证一一对应)
// names 图例名称变量制作图标
// labels 节点的标签名称(与records.json中保证相同)
// colors 图例颜色
// url json
2021-07-18 23:03:46
243KB
HTML
1