echarts人物关系图_【graphviz 教程】通过visual studio code使用graphviz制作人物关系图...

graphviz 这个软件对普通人来说超级复杂，不是程序员很难入门，但是它的功能又很让人心动，所以经过一番摸索成功后，在这里给大家分享一个比较简单的使用方法。

先介绍一下【graphviz 】这个软件的效果：

有什么可以画关系图的软件？​www.zhihu.com

一般网文小说家会用什么软件辅助构思大纲或者辅助写小说？​www.zhihu.com

我找到graphviz 这个软件，是因为想一边看书一边整理古希腊神话的人物关系图，而不是等完整熟悉希腊神话后再制作人物关系图。

所以我最看重这个软件的优点，是上面【银色闪光】大佬分享的回答中提到的：

……我想线性地写完这一切，想到什么补充什么，随时在中间插入新步骤，增加新关联。不用去考虑修改布局，又能预览全局效果。
……
……不用考虑布局的事，程序帮你生成图，零散思考出来的思路一目了然。

---

以下是方法介绍

如何安装软件：

1. graphviz 安装

参考这位大佬的教程：

fortandh：graphviz 1：安装graphviz​zhuanlan.zhihu.com

补充：如果不知道怎么从官网下载graphviz（比如我），可以看这里：

百度 【graphviz 汉化 】，下载v2.38版本，最终下载的文件名为【graphviz-2.38.msi】

2.visual studio code 安装

安装包下载：

https://code.visualstudio.com/​code.visualstudio.com

下面是汉化教程——原理类似于给 visual studio code 安装中文插件：

Visual Studio Code 小白使用介绍​www.jianshu.com

然后安装【Graphviz Preview】插件，过程和上面的安装中文插件一样。

如何使用Graphviz

1、打开visual studio code，新建文件（快捷方式 Ctrl + N）

2、在文件编辑区输入代码，刚开始可以复制其他人写好的代码直接看效果

3、在编辑区右键，打开命令面板 （Ctrl + Shift + P）

4、在弹出的窗口输入【Graphviz Preview】，点击下图搜索出来的选项

5、如下图，到这里就成功显示了关系图片。可以保存为3种格式：PDF、PNG、SVG

其他

如何写 Graphviz 代码，请自行百度吧，我目前也不会(～￣▽￣)～