Draw Graph using Graphviz ¶

最新推荐文章于 2022-10-14 13:28:47 发布

原创最新推荐文章于 2022-10-14 13:28:47 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#PHP #UP #XML

本文介绍如何通过Graphviz工具创建简单的流程图。首先下载并安装Graphviz，然后使用DOT语言编写描述图表结构的文本文件。之后将此文本文件转换为PNG格式的图片，并检查最终的流程图效果。

First Graph Set up

1. Download graphviz from here:

http://www.graphviz.org/Download..php

(for Mac, use this link: http://www.graphviz.org/Download_macos.php)

2. create a file named "sample.dot", using any text editor:

Jenny:~/temp/20100722$cat test.dot
digraph g {
node [shape=box]
A1 -> B1
A1 -> B2
A1 -> B3
}

3. convert the dot file into png

Jenny:~/temp/20100722$dot -Tpng test.dot > out.png

Jenny:~/temp/20100722$open out.png

4. check the png to see the diagram (attached)

Principles of Flow Chart Diagram

* Always draw the first draft using PENCIL and PAPER

* NO need to give all details,

* Draw out the main flow only

* As far as other could understand it, it's enough (it's for communication, not for display)

* Use box and arrow lines mainly. If a flow is removed in later phase, use dotted lines.

References

http://en.wikipedia.org/wiki/DOT_language

http://www.graphviz.org/Documentation.php

http://www.orient-lodge.com/node/3408

http://www.graphviz.org/doc/schema/attributes.xml