2020/04/04 13:18    作者：Grace Lin

关于如何用代码画图

最近一直想找一个可以通过写代码进行画图的工具，因为我实在受够了来回拖拽、改过来过去的图形界面作图工具。在我试用了很多软件之后，发现几个比较好的解决方案。

1. markdown+mermaid：适合简单的流程图、时序图等；
2. graphviz：适合做有大量节点的图。也可以通过编程生成大量节点，当然这需要有一定的开发能力；
3. plantuml：基于graphviz的uml工具，有很多插件和开发工具包，但是绝大部分开发工具包或插件都是要通过调用在线API接口生成uml然后回传，个人觉得不是太安全。另外，plantuml也没有一个可以真正实时显示的插件（很多IDE里的插件延迟比较大，据说vim下同步显示很快，不过windows下我没有配置成功）。如果你需要做复杂分析的话，一张图画不开，肯定是需要像MindManger那样可以从一张图链接到另一张图，形成图集。但是plantuml确实是比较好的开发工具，基于plantuml一定可以开发出不错的作图工具，有兴趣的朋友可以试一下；
4. Latex+TikZ：适合极其复杂的学术流程图，不是为了发表的话，犯不上花那么多时间。

说实话，上面这些工具都只能满足一方面的需求。目前我还没有找到一款既可以满足一般场景、又可以满足各种专业场景的作图的工具。不得不说VizGraph这个工具非常好。

左栏输入代码，右栏显示图，而且右侧图的文字是纯文本格式，不是图片格式，这意味着你可以插入超链接，这也意味着未来可以从一张图跳转到另一张图（你可以自己开发一个分支：https://github.com/jcf94/vizgraph）。

你可以在Electron官网下载VizGraph。

https://www.electronjs.org/apps/vizgraph

希望未来能有一款作图工具可以左栏输入代码，右栏实时显示图，支持插入超链接形成图集，支持预览屏幕拖到扩展屏幕（双屏显示，一个屏幕写代码，另一个屏幕显示图）。当然，本人也已经制定了开发计划，不过至于什么时候能够做出来，也很难说。