前端|知识图谱编辑器(KG-Editor) 编辑器|人工智能|知识图谱

仅供学习交流使用！基于 Vue 2.x + G6 3.8 + Vuetify 的可视化知识图谱编辑器(KG-Editor)
效果截图
文章图片

试用地址 【前端|知识图谱编辑器(KG-Editor)】KG-Editor
功能介绍

支持切换多种布局模式
添加节点—双击画布空白处添加节点
编辑节点—点击节点后可在右侧配置器进行编辑节点
添加连线—鼠标移入节点后显示锚点，点击锚点后便作为起始节点，点击其它节点实现连线
编辑连线—点击连线后可在右侧配置器进行编辑连线
缩略图?—右侧导航器实现缩略图
撤销功能(对节点和连线添加或者删除的撤销)
- 点击按钮撤销
- Ctrl + Z撤销
重做功能
复制节点功能
- 点击按钮复制
- Ctrl + C复制
粘贴节点功能
- 点击按钮粘贴
- Ctrl + V粘贴
删除节点、连线功能
- 点击按钮删除
- Ctrl + Backspace删除
置于顶层功能
置于底层功能
放大画布功能
- 点击按钮放大
- 鼠标滚轮上滑
缩小画布功能
- 点击按钮缩小
- 鼠标滚轮下滑
适应画布
上传数据文件生成知识图谱功能

// 文件数据格式 { "nodes":[ {"id": "node1", "label": "luffy"}, {"id": "node2", "label": "24岁"}, {"id": "node3", "label": "62kg"} ... ], "edges":[ {"source": "node1", "target": "node2", "label": "年龄"}, {"source": "node1", "target": "node3", "label": "体重"} ... ] }