├── WeChat.jpg
├── screenshot.jpg
├── README.md
└── README.en.md
/WeChat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/qiaolufei/KG-Editor/HEAD/WeChat.jpg
--------------------------------------------------------------------------------
/screenshot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/qiaolufei/KG-Editor/HEAD/screenshot.jpg
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [English](README.en.md) | 简体中文
2 |
3 | 知识图谱编辑器(KG-Editor)
4 |
5 |
6 | 基于 [Vue 2.x](https://cn.vuejs.org/v2/guide/) + [G6 3.8](https://g6.antv.vision/zh) + [Vuetify](https://vuetifyjs.com/en/) 的可视化知识图谱编辑器(KG-Editor)
7 |
8 |
9 |
10 | ## 效果截图
11 |
12 | 
13 |
14 | ## 演示地址
15 |
16 |
17 |
18 | [KG-Editor](http://175.24.122.85:1030/#/)
19 |
20 |
21 |
22 | ## 源码地址
23 |
24 | [基于vue+g6实现的知识图谱编辑器](https://github.com/qiaolufei/kg_editor)
25 |
26 | ## 功能介绍
27 |
28 | - [x] 支持切换多种布局模式
29 | - [x] 添加节点---双击画布空白处添加节点
30 | - [x] 编辑节点---点击节点后可在右侧配置器进行编辑节点
31 | - [x] 添加连线---鼠标移入节点后显示锚点，点击锚点后便作为起始节点，点击其它节点实现连线
32 | - [x] 编辑连线---点击连线后可在右侧配置器进行编辑连线
33 | - [x] 缩略图 ---右侧导航器实现缩略图
34 | - [x] 撤销功能(对节点和连线添加或者删除的撤销)
35 | - [x] 点击按钮撤销
36 | - [x] Ctrl + Z撤销
37 | - [x] 重做功能
38 | - [x] 复制节点功能
39 | - [x] 点击按钮复制
40 | - [x] Ctrl + C复制
41 | - [x] 粘贴节点功能
42 | - [x] 点击按钮粘贴
43 | - [x] Ctrl + V粘贴
44 | - [x] 删除节点、连线功能
45 | - [x] 点击按钮删除
46 | - [x] Ctrl + Backspace删除
47 | - [x] 置于顶层功能
48 | - [x] 置于底层功能
49 | - [x] 放大画布功能
50 | - [x] 点击按钮放大
51 | - [x] 鼠标滚轮上滑
52 | - [x] 缩小画布功能
53 | - [x] 点击按钮缩小
54 | - [x] 鼠标滚轮下滑
55 | - [x] 适应画布
56 | - [x] 上传数据文件生成知识图谱功能
57 |
58 | ```js
59 | // 文件数据格式.txt
60 | {
61 | "nodes":[
62 | {"id": "node1", "label": "luffy"},
63 | {"id": "node2", "label": "24岁"},
64 | {"id": "node3", "label": "62kg"}
65 | ],
66 | "edges":[
67 | {"source": "node1", "target": "node2", "label": "年龄"},
68 | {"source": "node1", "target": "node3", "label": "体重"}
69 | ]
70 | }
71 | ```
72 |
73 | - [x] 导出图片功能
74 | - [x] 帮助
75 |
76 | ## 联系我
77 |
78 | #### Email: luffy0101@163.com
79 | #### 微信：
80 | 
--------------------------------------------------------------------------------
/README.en.md:
--------------------------------------------------------------------------------
1 | English | [简体中文](README.md)
2 |
3 | Knowledge-Graph Editor(KG-Editor)
4 |
5 |
6 | Visual knowledge graph editor based on [Vue 2.x](https://cn.vuejs.org/v2/guide/) + [G6 3.8](https://g6.antv.vision/zh) + [Vuetify](https://vuetifyjs.com/en/)
7 |
8 |
9 |
10 | ## Screenshot
11 |
12 |
13 |
14 | ## Demo address
15 |
16 |
17 |
18 | [KG-Editor](http://175.24.122.85:1030/#/)
19 |
20 |
21 |
22 | ## Source Code address
23 |
24 | [基于vue+g6实现的知识图谱编辑器](https://github.com/qiaolufei/kg_editor)
25 |
26 | ## Function introduction
27 |
28 | - [x] Support switching multi-type bureau model
29 | - [x] Add node---Double-click the blank space of the canvas to add a node
30 | - [x] Edit node---click the node to edit the node in the configurator on the right
31 | - [x] Add connection---Move the mouse into the node to display the anchor point, click on the anchor point to be the starting node, click on other nodes to realize the connection
32 | - [x] Edit connection---click the connection to edit the connection in the configurator on the right
33 | - [x] Thumbnails---the right navigator implements thumbnails
34 | - [x] Undo function (Revocation of adding or deleting nodes and connections)
35 | - [x] Click the button to cancel
36 | - [x] Ctrl + Z to undo
37 | - [x] Redo function
38 | - [x] Copy node function
39 | - [x] Click the button to copy
40 | - [x] Ctrl + C to copy
41 | - [x] Paste node function
42 | - [x] Click the button to paste
43 | - [x] Ctrl + V to paste
44 | - [x] Delete node, connection function
45 | - [x] Click the button to delete
46 | - [x] Ctrl + Backspace to delete
47 | - [x] Bring to Front function
48 | - [x] Bring to Back function
49 | - [x] Enlarge the canvas function
50 | - [x] Click the button to enlarge
51 | - [x] Swipe up the mouse wheel
52 | - [x] Reduce the canvas function
53 | - [x] Click the button to reduce
54 | - [x] Swipe down the mouse wheel
55 | - [x] Adapt to the canvas
56 | - [x] Upload data file to generate knowledge graph function
57 |
58 | ```js
59 | // file data format
60 | {
61 | "nodes":[
62 | {"id": "node1", "label": "luffy"},
63 | {"id": "node2", "label": "24岁"},
64 | {"id": "node3", "label": "62kg"}
65 | ...
66 | ],
67 | "edges":[
68 | {"source": "node1", "target": "node2", "label": "年龄"},
69 | {"source": "node1", "target": "node3", "label": "体重"}
70 | ...
71 | ]
72 | }
73 | ```
74 |
75 | - [x] Export picture function
76 | - [x] Help
77 |
78 | ## Contact Me
79 |
80 | #### Email: luffy0101@163.com
81 | #### WeChat：
82 | 
--------------------------------------------------------------------------------