neo4j知识图谱3D可视化展示,支持搜索、定位、展开、高亮等功能
知识图谱三维可视化,可无缝于neo4j链接,修改配置文件即可。支持搜索、查找、定位、展开、高亮等功能,节点颜色、大小都可以进行自定义修改。程序前端框架为vue,后端为nodejs。
知识图谱三维可视化,可无缝于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、精确查找:会表格列举出搜索出来的节点,选中一个。展示该节点为中心,相关联的节点。
图例
右侧legend(图例),根据中间的节点展示类型多少,进行显示。选中某个图例,知识图谱中就会高亮该类型的节点。
节点属性
节点的属性全部显示出来,根据neo4j里面节点和边属性,有多少 显示多少。
后端接口
后端主要提如下接口
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)