graphviz-绘制结构化的图形(使用dot脚本绘制图形)

Graphviz是大名鼎鼎的贝尔实验室的几位牛人开发的一个画图工具，它提供了“所想即所得”的理念，通过dot语言来编写脚本并绘制图形，简单易懂。

官网： http://www.graphviz.org

1.macOS安装：

brew install Graphviz

2.使用：

  

$ cat ./test.gv 
digraph g {
 label=test
 a -> b
 b -> c
 b -> d
 { rank=same c d }
}
# rank=same c d 在同一层。

$ dot -Tpng ./test.gv -o test.png

 

2. 设置 a b c 同一层

    {rank = same c, d}

需要注意的地方：

1.使用引号

上文中的a, b, c 除了作为程式内的识别字以外，也会成为节点的显示名称(label)。不过如果这名称中混了中文或夹了空格、中划线（-），Graphviz 就有可能搞错你的意思。

为防不必要的误解，所以平常最好都用英文引号括住。

$ cat ./test.gv 
digraph g {
  label=test
  "a-c" -> "数据中心"
  "数据中心" -> "华东 数据中心"
  "数据中心" -> "华南 数据中心"
}

$ dot -Tpng ./test.gv -o test.png

3.rankdir=LR;

$ cat ./test.gv 
digraph g {
  label=test
  "a-c" -> "数据中心"
  "数据中心" -> "华东 数据中心"
  "数据中心" -> "华南 数据中心"
  rankdir=LR;
}

图像方向，LR 从左到右

其他参考：

http://blog.csdn.net/xiajian2010/article/details/23748557

https://www.jianshu.com/p/e44885a777f0

http://iziyou-ifanqiang.blogspot.hk/2016/10/graphviz-graphviz-graphviz-at-dot.html

https://www.zhihu.com/topic/20020976/top-answers