用Graphviz在线绘制有限状态机等结构化的图

1.打开Graphviz的官网

官网链接：Graphviz

官网里有很多示例，有各种各样的图，可以根据个人需要选择。

2.点击某个示例，进入详情

这个页面能够看到绘制该图的dot代码。

3.进入编辑页面

点击该页面的Edit in Playground按钮，可以进入编辑页面。

在编辑页面下，能够对代码进行修改和预览，在此将代码内容改成自己的语言即可生成对应的图。

4.参考链接：

1.http://www.graphviz.org/pdf/dotguide.pdf（官方的教程）
2.http://graphviz.org/Gallery.php（官方网站）
3.https://frapples.github.io/articles/2016-11-16-1f70.html（博客）
4.https://www.jianshu.com/p/5b02445eca1d（博客）
5.https://zhuanlan.zhihu.com/p/19900327（各种绘图工具，其中包括Graphviz）
6.http://liyanrui.is-programmer.com/posts/6261.html（博客）