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

仅供学习交流使用!

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

效果截图

知识图谱编辑器(KG-Editor)_第1张图片

试用地址

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": "体重"}
		...
    ]
}
  • 导出图片功能
  • 导出JSON功能
  • 帮助

联系我

Git: https://github.com/qiaolufei/KG-Editor
Email: [email protected]
微信:
知识图谱编辑器(KG-Editor)_第2张图片

你可能感兴趣的:(前端,知识图谱,编辑器,人工智能)