neo4j知识图谱3D可视化展示,支持搜索、定位、展开、高亮等功能_知识图谱可视化_圣诞奶爸的博客-CSDN博客

**知识图谱三维可视化,可无缝于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


原网址: 访问
创建于: 2023-01-12 16:57:56
目录: default
标签: 无

请先后发表评论
  • 最新评论
  • 总共0条评论