圖解程序員畫流程圖、數(shù)據(jù)結(jié)構(gòu)圖及各種復(fù)雜圖形的Graphviz工具入門

http://blog.csdn.net/jin13277480598/article/details/51305674
安裝Graphviz
如何使用Graphviz
1 學(xué)習(xí)官方例程
2查看例程源代碼
3建立工程輸出圖像


我們畫常規(guī)圖形時一般用word上面自帶的插件或visio畫圖。但是我在畫linux內(nèi)核文件系統(tǒng)結(jié)構(gòu)圖、內(nèi)


存分配以及學(xué)習(xí)數(shù)據(jù)結(jié)構(gòu)樹、圖時，發(fā)現(xiàn)使用Graphviz非常的方便快捷。鑒于網(wǎng)上關(guān)于它的安裝、使用


不是特別具體，本博文將一步步告訴大家如何快速地使用Graphviz畫相關(guān)的流程圖、樹形圖等。


1.安裝Graphviz
在官網(wǎng)上面下載相關(guān)文件，地址：http://www.graphviz.org/Download..php。如果遇到官網(wǎng)進不去，可


以等待一旦時間或者在網(wǎng)上直接搜索下載。


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


點擊進入之后，下載后綴為.msi的文件。筆者下載的為graphviz-2.38.msi.


特別說明：安裝完畢，在桌面可能不會出現(xiàn)快捷方式，不要以為自己沒有安裝成功。這時候我們可以在


安裝源目錄里面找出來或者在所有程序里面把它搜索出來。建議第一種方法找到之后，右鍵建立快捷方


式。


點擊 gvedit.exe之后出現(xiàn)這個界面，其中那個跑步的為運行按鈕


2. 如何使用Graphviz
2.1 學(xué)習(xí)官方例程
為了方便大家之后能夠快速入門，這里我采用官網(wǎng)上面的源代碼，官網(wǎng)上面例子很多。大家可以按需學(xué)


習(xí)。例程官網(wǎng)地址：http://www.graphviz.org/Gallery.php


2.2查看例程源代碼
這里以第二個例程源代碼crazy為例，先點擊圖片進入。


之后可以看到指示，點擊圖片即可看見到源代碼。


2.3建立工程，輸出圖像
先點擊最左側(cè)像書頁的圖標(biāo)，在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;


}


到這里之后，如下的就是自己發(fā)揮空間，自己可以根據(jù)上面官網(wǎng)提供的代碼進行學(xué)習(xí)。官網(wǎng)上面一些常


見的圖形都涉及都了，其他的結(jié)合dot腳步語言學(xué)習(xí)。


3. ? ? ?參考資料
網(wǎng)上很多資料，這里筆者推薦Graphviz中文教程指南,網(wǎng)上有下載，CSDN上面下載地址：


http://download.csdn.net/download/u010415192/9219945
========

圖形化的各種數(shù)據(jù)結(jié)構(gòu)模擬軟件

http://download.csdn.net/download/newstudent_never/4550973
========

舊金山大學(xué)數(shù)據(jù)結(jié)構(gòu)和算法的可視化學(xué)習(xí)工具

http://hao.jobbole.com/visualizing-algorithms-and-data-structure/
數(shù)據(jù)結(jié)構(gòu) , 舊金山大學(xué) , 算法 3


理解復(fù)雜數(shù)據(jù)結(jié)構(gòu)的最佳方法就是看它們的實際操作。舊金山大學(xué)計算機系的助理教授 ?David Galles ?


在 2011 年開發(fā)了一套用于學(xué)習(xí)數(shù)據(jù)結(jié)構(gòu)和算法的交互工具。這個可視化工具是用 JavaScript 編寫，


用上了 HTML5 畫布元素，兼容所有現(xiàn)代瀏覽器。iPhone 和 iPad 等 iOS 設(shè)備和 Kindle 上的瀏覽器都


支持。


（編注：建議在非手機設(shè)備上使用，這個工具并不是自適應(yīng)的，屏幕過小不利于操作和查看。）


如何使用


以鏈表隊列為例，進入網(wǎng)頁后，上方有一個操作按鈕的工具欄。最左側(cè)可輸入隊列元素，然后進行入隊


（Enqueue）和出隊（Dequeue）操作。


下方是另外一個操作按鈕的工具欄，用于設(shè)置動畫參數(shù)等操作。


Visualizing Algorithms


?其他


這個工具的源碼已公開，感興趣的計算機課程教師，請參閱這個網(wǎng)頁，然后可基于 David 的代碼編寫自


己的教程動畫。


?官方網(wǎng)站：http://www.cs.usfca.edu/~galles/visualization/Algorithms.html
======== 《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的数据结构学习工具总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。