English | 简体中文

知识图谱编辑器(KG-Editor)

基于 Vue 2.x + G6 3.8 + Vuetify 的可视化知识图谱编辑器(KG-Editor)

效果截图

演示地址

KG-Editor

源码地址

基于vue+g6实现的知识图谱编辑器

功能介绍

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

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

• 导出图片功能
• 帮助

联系我

Email: luffy0101@163.com

微信：