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

文章出处登录后可见!

已经登录?立即刷新

共计人评分,平均

到目前为止还没有投票!成为第一位评论此文章。

(0)
乘风的头像乘风管理团队
上一篇 2023年2月28日 下午10:33
下一篇 2023年2月28日 下午10:35

相关推荐