GraphViz DOT有向图 (五)命令行，Sublime预览图片和在线编辑器WebGraphEditor

命令行使用

GraphViz支持多图形的生成

• dot − filter for drawing directed graphs
• neato − filter for drawing undirected graphs
• twopi − filter for radial layouts of graphs
• circo − filter for circular layout of graphs
• fdp − filter for drawing undirected graphs
• sfdp − filter for drawing large undirected graphs
• patchwork − filter for squarified tree maps
• osage − filter for array-based layouts

按a.dot文件生成png类型的图片，生成到-o指定的位置

// dot -Tpng -o a.png a.dot && open a.png
dot -Tpng -o a.png a.dot

上面代码会生成a.png文件到当前目录

SublimeText配置支持GraphViz图片预览

配置Sublime Text

此安装方式，需要Sublime已经安装了Package Control

• command+shift+p打开命令面板
• package install GraphvizPreview
  安装成功后，按快捷control+shift+g 便可为当前打开的dot文件生成预览图

精通sublime的话，可以自已配置Build System的方式实现生成图片

web端在线GraphViz生成图片

你可以使用
http://www.webgraphviz.com/
或者
http://graphviz.herokuapp.com/

搭建私人webGraphEditor

你也可以搭建自己专用的webgraph编辑器，git仓库地址：
https://github.com/Potherca/GraphvizWebEditor
克隆到网站目录下执行composer install便可以使用。