windows 下 Graphviz 安装及入门教程以及 PlantUML
?
From:http://m.blog.csdn.net/lanchunhui/article/details/49472949
開源工具---使用簡單的文字描述畫UML圖之PlantUML官網(wǎng):http://plantuml.com
PlantUML 支持的工具:http://plantuml.com/running
PlantUML語言參考手冊中文版.pdf:http://download.csdn.net/download/freeking101/9917766
PlantUML編輯器(PlantUML QEditor )下載地址:http://www.uzzf.com/soft/86177.html
利用Graphviz 畫結(jié)構(gòu)圖:http://www.cnblogs.com/sld666666/archive/2010/06/25/1765510.html
Graphviz官網(wǎng):http://www.graphviz.org
Graphviz 和 pygraphviz 簡述、安裝、用法 :http://blog.csdn.net/chirebingxue/article/details/50393755
DOT + graphviz 輕松畫圖神器 :http://blog.csdn.net/stormdpzh/article/details/14648827
一分鐘 Sublime Text 搭建 PlantUML 生成環(huán)境:http://www.jianshu.com/p/d5fd9133c78a
?
?
發(fā)現(xiàn)好的工具,如同發(fā)現(xiàn)新大陸。有時,我們會好奇,論文中、各種專業(yè)的書中那么形象的插圖是如何做出來的,無一例外不是對繪圖工具的熟練使用。
Graphviz 是大名鼎鼎的貝爾實驗室的幾位牛人開發(fā)的一個畫圖工具,它提供了“所想即所得”的理念,通過 dot 語言來編寫腳本并繪制圖形,簡單易懂。
?
?
?
下載安裝、配置環(huán)境變量
?
windows版本下載地址:http://www.graphviz.org/Download_windows.php
?
?
配置環(huán)境變量
?
將graphviz安裝目錄下的bin文件夾添加到Path環(huán)境變量中:
?
如果使用的是 PlantUML編輯器(PlantUML QEditor ) ,則需要.添加系統(tǒng)環(huán)境變量?GRAPHVIZ_DOT,變量的值是 dot.exe 路徑。
同時還需要安裝 java 環(huán)境 ,再下載一個 plantuml.jar 包(下載地址:https://sourceforge.net/projects/plantuml/)
?
驗證
進入windows命令行界面,輸入dot -version,然后按回車,如果顯示graphviz的相關(guān)版本信息,則安裝配置成功。
?
?
?
基本繪圖入門
?
?
使用 txt 編輯
?
可以直接使用 txt 寫 寫 plantuml 代碼.
PlantUML語言參考手冊中文版.pdf?:http://download.csdn.net/download/freeking101/9917766
(語法可以參考上面 PDF 文檔,或者去官網(wǎng)查看,上面的 PDF 就是從 官網(wǎng)下的)
scale 是生成圖片的分辨率,默認圖片格式是.png;寫博客分辨率建議 500*500,其實支持更高的,不過已經(jīng)足夠滿足顯示效果了。
然后執(zhí)行 java -jar ./plantuml.jar test.txt?
總體步驟
1. 下載plantuml.jar(也許你的機器需要安裝JRE,即java runtime environment)
???? http://sourceforge.net/projects/plantuml/files/plantuml.jar/download
2. test.txt 里寫 plantuml 代碼
3. java -jar ./plantuml.jar test.txt
4. 圖片test.png效果展示
?
?
使用自帶編輯器 gvedit 編輯
?
打開 windows 下的 graphviz 編輯器 gvedit(安裝graphviz后自帶,和 dot.exe 在同一目錄下),編寫如下的dot腳本語言,保存成gv格式文本文件。然后進入命令行界面,使用dot命令,將gv文件轉(zhuǎn)化為png圖形文件。
dot D:\test\1.gv -Tpng -o image.png?
graph
graph 使用--描述關(guān)系
graph pic1 { a -- ba -- bb -- a [color=blue] }畫圖效果:
?
digraph
使用->描述關(guān)系
digraph pic2 { a -> ba -> bb -> a [style=filled color=blue] }畫圖效果:
?
?
一個復雜的例子
?
digraph startgame {label="游戲資源更新流程"rankdir="TB"start[label="啟動游戲" shape=circle style=filled]ifwifi[label="網(wǎng)絡(luò)環(huán)境判斷是否 WIFI" shape=diamond]needupdate[label="是否有資源需要更新" shape=diamond]startslientdl[label="靜默下載" shape=box]enterhall[label="進入游戲大廳" shape=box]enterroom[label="進入房間" shape=box]resourceuptodate[label="資源不完整" shape=diamond]startplay[label="正常游戲" shape=circle fillcolor=blue]warning[label="提醒玩家是否更新" shape=diamond]startdl[label="進入下載界面" shape=box]//{rank=same; needupdate, enterhall}{shape=diamond; ifwifi, needupdate}start -> ifwifiifwifi->needupdate[label="是"]ifwifi->enterhall[label="否"]needupdate->startslientdl[label="是"]startslientdl->enterhallneedupdate->enterhall[label="否"]enterhall -> enterroomenterroom -> resourceuptodateresourceuptodate -> warning[label="是"]resourceuptodate -> startplay[label="否"]warning -> startdl[label="確認下載"]warning -> enterhall[label="取消下載"]startdl -> enterhall[label="取消下載"]startdl -> startplay[label="下載完成"] }畫圖效果:
?
?
和 python 交互
?
graphviz 強大而便捷的關(guān)系圖/流程圖繪制方法,很容易讓我們聯(lián)想到機器學習中的Decision Tree的展示方式。幸運的是,scikit-learn提供了生成.dot文件的接口,具體操作如下:
在python編輯環(huán)境下:
from sklearn.tree import export_graphviz # 導入的是一個函數(shù) # tree表示已經(jīng)訓練好的模型,即已經(jīng)調(diào)用過DecisionTreeClassifier實例的fit(X_train, y_train)方法 export_graphviz(tree, out_file='tree.dot', feature_names=['petal length', 'petal width'])進入windows命令行界面,cd 切換到tree.dot所在的路徑,執(zhí)行
dot -Tpng tree.dot -o tree.png畫圖效果:
?
?
參考文檔:
那些年,我追過的繪圖工具 - 迷思 - 知乎專欄
https://zhuanlan.zhihu.com/p/19900327
那些年,我追過的繪圖語言(續(xù)) - 迷思 - 知乎專欄
https://zhuanlan.zhihu.com/p/19901245
開源工具,使用簡單的文字描述畫UML圖。
http://plantuml.com/
順序圖的語法和功能
http://plantuml.com/sequence-diagram#Basic_examples
?
?
?
?
總結(jié)
以上是生活随笔為你收集整理的windows 下 Graphviz 安装及入门教程以及 PlantUML的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Python 多进程 multiproc
- 下一篇: CompletableFuture详解~