《Graphviz 绘图入门》

1. 简介

Graphviz 是一个开源图形可视化软件，用 DOT 语言描述节点与关系，常用于绘制流程图、状态机、依赖关系图等。

官网：https://graphviz.org/
文档：https://graphviz.org/documentation/

2. 安装

macOS

brew install graphviz

Debian/Ubuntu

sudo apt install graphviz

源码编译

        
      
wget https://gitlab.com/api/v4/projects/4207231/packages/generic/graphviz-releases/x.y.z/graphviz-9.0.0.tar.gz
tar zxf graphviz-9.0.0.tar.gz
cd graphviz-9.0.0
./configure
make -j"$(nproc)"
make install

不同版本源码地址见 https://graphviz.org/download/#source。

3. 生成图片

dot 命令将 .dot 文件渲染成图片：

        
dot -Tsvg input.dot > output.svg
dot -Tpng input.dot > output.png

4. 快速示例

input.dot：

        
      
digraph G {
  "Welcome" -> "To"
  "To" -> "Web"
  "To" -> "GraphViz!"
}

渲染：

dot -Tsvg input.dot > output.svg

5. 节点样式

常用属性：

属性	作用
`color`	节点/线颜色
`fontcolor`	文字颜色
`fontsize`	字号
`shape`	节点形状（`box`、`circle`、`diamond`）
`label`	节点标签

示例：

        
      
digraph G {
  a [label="开始", shape=box, fontcolor=red, fontsize=16]
  b [label="结束", shape=diamond]
  a -> b [color=blue]
}

6. 在线工具

如果只是在浏览器中快速预览，可把 DOT 内容粘贴到在线工具：http://www.webgraphviz.com/

阅读 — · 全站 —