图解程序员画流程图、数据结构图及各种复杂图形的Graphviz工具入门

         

我们画常规图形时一般用word上面自带的插件或visio画图。但是我在画linux内核文件系统结构图、内存分配以及学习数据结构树、图时，发现使用Graphviz非常的方便快捷。鉴于网上关于它的安装、使用不是特别具体，本博文将一步步告诉大家如何快速地使用Graphviz画相关的流程图、树形图等。

1.安装Graphviz

在官网上面下载相关文件，地址：http://www.graphviz.org/Download..php。如果遇到官网进不去，可以等待一旦时间或者在网上直接搜索下载。

Linux安装命令为sudo apt-get install graphviz 。下面以Windows为例:



点击进入之后，下载后缀为.msi的文件。笔者下载的为graphviz-2.38.msi.






特别说明：安装完毕，在桌面可能不会出现快捷方式，不要以为自己没有安装成功。这时候我们可以在安装源目录里面找出来或者在所有程序里面把它搜索出来。建议第一种方法找到之后，右键建立快捷方式。





 

点击 gvedit.exe之后出现这个界面，其中那个跑步的为运行按钮

2. 如何使用Graphviz

2.1 学习官方例程

为了方便大家之后能够快速入门，这里我采用官网上面的源代码，官网上面例子很多。大家可以按需学习。例程官网地址：http://www.graphviz.org/Gallery.php

2.2查看例程源代码

这里以第二个例程源代码crazy为例，先点击图片进入。



之后可以看到指示，点击图片即可看见到源代码。

2.3建立工程，输出图像

先点击最左侧像书页的图标，在GVEdit上面的新建.gv文件，将上面获取的代码，粘贴进去，点击跑步按钮，即可生成所需图像。



附带一个简单的小例子，便于大家测试：

源代码：

digraph 1{
  node[shape="record"];
  edge[style="dashed"];
  
  a[style="filled",color="red",fillcolor="chartreuse"];
  b;
  c;
  d;
  a ->b;
  b ->d;
  c ->d[color="green"];
        d-> a;
}



到这里之后，如下的就是自己发挥空间，自己可以根据上面官网提供的代码进行学习。官网上面一些常见的图形都涉及都了，其他的结合dot脚步语言学习。

3.      参考资料

网上很多资料，这里笔者推荐Graphviz中文教程指南,网上有下载，CSDN上面下载地址：http://download.csdn.net/download/u010415192/9219945