Dot 与 GraphViz 经验总结

reference

• d3.js gallery: 仅仅是作个比较，d3的图确实好看一点
• dot graphviz gallery: 其实也还不错
• graphviz documence: 不同于官方文档, github 上的文档更新会快一点，当然个人觉得也好一点。
• dot pdf documence: 简洁的pdf文档，省去了多余的东东。
• dot html documence: 很好的example
• dot 国人教程
• 高级API for style,type and other attributes
• color gallery

ubuntu

注：本人仅在ubuntu上进行了测试

安装

• sudo apt-get install graphviz
  在ubuntu16.04上就这样安装好了，从源码上安装失败，少了scan.c，反正能用，所以不管了。

使用

• dot -Tjpg example.dot -oexample.jpg
• example.dot

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

• 指明输出格式为jpg, -Tjpg, 所有输出格式
• 指明输出文件名为example.jpg -oexample.jpg
• example.jpg
  

An Ugly Tool and A nice Plugin

• DotEditor: 编辑功能极弱，用法是用别的编辑器进行dot文件编辑，再复制到DotEditor中进行显示。
• [gedit plugin external tool]：自定义功能极强，可结合gedit 的编辑能力，非常好用。在下面的脚本和图示配置下，按F5即可显示dot图像。

#!/bin/sh
format=jpg
fin=${GEDIT_CURRENT_DOCUMENT_NAME}
fout=${GEDIT_CURRENT_DOCUMENT_NAME}.${format}
touch ${fout}
echo ${fin}
echo ${fout}
dot -T${format} $fin -o${fout} & gnome-open ${fout}

• 更多gedit变量及external tool的用法可以