0


neo4j知识图谱3D可视化展示,支持搜索、定位、展开、高亮等功能

知识图谱三维可视化,可无缝于neo4j链接,修改配置文件即可。
支持搜索、查找、定位、展开、高亮等功能,节点颜色、大小都可以进行自定义修改。
程序前端框架为vue,后端为nodejs。

**节点与边配置文件样例**"graph":{"nodes":{"Equipment":{"color":"rgb(253,197,109)","size":20,"name":"设备"},"Company":{"color":"rgb(249,168,146)","size":20,"name":"公司"},
            ……
            },
        "edges":{"bay_unit":{"color":"rgb(133,123,183)","width":1,"name":"间隔单元"},"belong_to":{"color":"rgb(251,126,129)","width":1,"name":"隶属于"},
            ……
            }}
**后端配置项**    
    module.exports ={neo4j:{url:'bolt://127.0.0.1:7687',user:'neo4j',password:'123456'},serverPort:8085}

支持模糊查找与精确查找
1、模糊查找:查找到所有与匹配上节点和边全部展示出来
2、精确查找:会表格列举出搜索出来的节点,选中一个。展示该节点为中心,相关联的节点。
demo1
图例
右侧legend(图例),根据中间的节点展示类型多少,进行显示。选中某个图例,知识图谱中就会高亮该类型的节点。
demo2
节点属性
节点的属性全部显示出来,根据neo4j里面节点和边属性,有多少 显示多少。
demo3
后端接口
后端主要提如下接口
Query、QueryNode、QueryEdge、QueryNodeConnected

**Query:**有get和post方法,用户传递cypher语句,后端将返回的节点和边,数据整理好后,发送给前端直接进行展示
http://127.0.0.1:8080/query?sql=MATCH p=(n:

Type

{name:‘name’})-[*1…2]-(m) RETURN p

QueryNode:查询节点的接口,type为节点类型,name为节点属性里面的name字段
http://127.0.0.1:8080/QueryNode?type=Station&name=路

QueryEdge:查询关系接口,里面主要有三个字段,type为关系类型,startNode为起始点名称,endNode为末节点名称
http://127.0.0.1:8080/QueryEdge?type=belong_to
http://127.0.0.1:8080/QueryEdge?type=belong_to&startNode=名称1
http://127.0.0.1:8080/QueryEdge?type=belong_to&endNode=名称2
http://127.0.0.1:8080/QueryEdge?type=belong_to&startNode=名称1&endNode=名称2


本文转载自: https://blog.csdn.net/wangdi297118061/article/details/126265944
版权归原作者 圣诞奶爸 所有, 如有侵权,请联系我们删除。

“neo4j知识图谱3D可视化展示,支持搜索、定位、展开、高亮等功能”的评论:

还没有评论