graphviz - 图形绘制工具包

官方自述的翻译：

Graphviz是开源的图形可视化软件。图形可视化是一种将结构信息表示为抽象图形和网络图的方式。它在网络，生物信息学，软件工程，数据库和网页设计，机器学习以及其他技术领域的可视界面中具有重要的应用。

Graphviz布局程序以简单的文本语言获取图形描述，并以有用的格式制作图表，例如用于网页的图像和SVG； PDF或Postscript包含在其他文档中；或在交互式图形浏览器中显示。 Graphviz具有用于具体图表的许多有用功能，例如颜色，字体，表格节点布局，线型，超链接和自定义形状的选项。

graphviz允许用户使用标记语言描述图表，渲染成各种格式。

graphviz在markdown中的使用

测试一下渲染器里带graphviz支持了没：

digraph finite_state_machine {
    rankdir=LR;
    size="8,5"

    node [shape = doublecircle]; S;
    node [shape = point ]; qi

    node [shape = circle];
    qi -> S;
    S  -> q1 [ label = "a" ];
    S  -> S  [ label = "a" ];
    q1 -> S  [ label = "a" ];
    q1 -> q2 [ label = "ddb" ];
    q2 -> q1 [ label = "b" ];
    q2 -> q2 [ label = "b" ];
}

vscode中使用Graphviz Markdown插件:

graphviz工具包

入门教程参考：https://itopic.org/graphviz.html

将dot转换成图片：

dot demo.dot -T png -o demo.png