Get started with Graphviz tools that illustrate programmers drawing flowcharts, data structure diagrams, and various complex graphics

When we draw regular graphics, we generally use the plugin or Visio drawing that comes with word. But I am drawing the Linux kernel file system structure diagram, memory allocation and learning data structure tree, diagram, found that using Graphviz is very convenient and quick. In view of the online installation and use of it is not particularly specific, this blog will step by step to tell you how to quickly use Graphviz painting related flowchart, tree diagram and so on.

1. InstallationGraphviz

Download the relevant documents on the official website, address: http://www.graphviz.org/Download..php. If you are not able to enter the official website, you can wait for the time or direct search on the Internet to download.

The Linux installation command is sudo apt-get install Graphviz . Let's take windows as an example:

After you click enter, download the file with the. msi suffix. The author downloads for graphviz-2.38.msi.

Special Note : The installation is complete, the desktop may not appear shortcut, do not think you did not install successfully. At this point we can find it in the installation source directory or search it out in all the programs. After the first method is found, right-click to create a shortcut.

This screen appears after clicking Gvedit.exe, where the running button

2. How to useGraphviz2.1 Learning Official Routines

In order to facilitate everyone to quickly get started, here I use the official website above the source code, official web surface examples are many. You can learn as needed. Routine website address: http://www.graphviz.org/Gallery.php

2.2 Viewing example Routines code

Here take the second example routines code crazy for example, first click on the image to enter.

You can then see the instructions and click on the image to see the source code.

2.3 Building the project, outputting the image

First click on the leftmost icon of the page, the new. gv file above the Gvedit, paste in the code obtained above, and click the Run button to generate the desired image.

Comes with a simple small example for everyone to test:

Source:

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;

}

After this, as the next is to play their own space, they can according to the code provided on the official website to learn. Official web Surface Some common graphics are all involved, and other dot step language learning.

3. References

Online a lot of information, here I recommend Graphviz Chinese Tutorial guide , online download, csdn above:http://download.csdn.net/download/u010415192/9219945

Get started with Graphviz tools that illustrate programmers drawing flowcharts, data structure diagrams, and various complex graphics