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

584 阅读1分钟

目录

命令行使用

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生成图片

你可以使用
www.webgraphviz.com/
或者
graphviz.herokuapp.com/
在这里插入图片描述

搭建私人webGraphEditor

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

如个人搭建的私人web GraphViz编辑器
graphviz.exwechat.com