【有用工具】画图工具之Graphviz学习笔记

在Windows10下VS Code配置Graphviz和DOT语言环境这篇文章中，我们配置了Graphviz的语言学习环境。现在开始学习DOT这个纯文本图像描述语言的常用语法。

---

1. 无向图

无向图的格式如下：

graph 名字 {
   
    无向图的内容
}

无向图使用 a--b 的形式来描述边，Graphviz会自动调整每个节点的位置。简单示例如下：

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

预览效果如下：

如果边数太多，可以使用 a -- {b; c; d; e} 的方式来描述多条边，比如：

graph example {
   
    a -- {
   b; c; d; e; f; g; h};
}

预览效果如下：

如果还需要不同的形状和颜色，可以参考以下示例：

graph example {
   
    a -- b[color = red; label = "岛风"];
    a -- c[label = "恶毒"];
    b -- {
   d; e}