Graphviz介绍

像写代码一样画图。

Graphviz是一个从dot语言生成图片的工具,下面是一个dot示例和它对应的图片:

digraph G {
    a -> b;
    a -> c;
    a -> d;
}

相关链接:

Graphviz官网:https://graphviz.org/

dot语言官方文档:https://graphviz.org/doc/info/lang.html

dota语言维基百科:https://zh.wikipedia.org/wiki/DOT语言

测试工具:

在vscode上安装Graphviz (dot) language support for Visual Studio Code这个插件,创建dot文件,按Ctrl+Shift+P后输入Graphviz,选择Graphviz: Open Preview to the Side即可实时预览dot图片。

几个图形示例

无向图

graph {
    a -- b -- c;
    b -- d;
}

有向图





Dot语法

整体语法如下:



1. 有向图用 digraph ,无向图用 graph ,有向图节点之间使用 -> 连接,无向图节点使用 -- 连接。

2. 支持注释,支持C风格的注释, /*...*/ 多行注释, // 单行注释,也可以用Shell风格的 # 开头的注释。






















  • 无标签