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的用法可以