今天讓我來分享一下，我常用的一些圖形工具，主要有兩類：

• 流程圖
• 數(shù)據(jù)可視化

流程圖：Graphviz

說到流程圖還是再次提及一下，我們之前說到的Graphviz?。

Graphviz （英文：Graph Visualization Software的縮寫）是一個由AT&T實驗室啟動的開源工具包，用于繪制DOT語言腳本描述的圖形。它也提供了供其它軟件使用的庫。

它的主要特點是代碼生成圖像，并且足夠的簡單。

在我的那個“Web Developer 成長路線圖”里，就是用這個工具生成下面這個復(fù)雜的圖形。

而其代碼特別簡單——和我們平時表達(dá)的手法是一樣的，即：

"包管理"?->?"包發(fā)布"?->?"自動部署" "CLI"?->?"部署" "腳本語言(Bash,Perl,Ruby,Python?etc)"?->?"部署" "腳本語言(Bash,Perl,Ruby,Python?etc)"?->?"構(gòu)建" "*nix"?->?"軟件編譯"?->?"部署" "構(gòu)建"?->?"軟件編譯"

Graphviz有一個大的優(yōu)點和弱點是：自動生成，導(dǎo)致畫線的時候很出現(xiàn)出問題。接著，我們就來看看手動畫線的例子。

流程圖： Visio vs Dia vs OmnIGraffle

在Windows世界里，在這一類的工具里面最常見的算是Visio:

遺憾的是，它并不支持在Mac OS上使用。而且，它并不在我購買的Office 365套裝里。

在Mac世界里，最好的工具算是OmniGraffle，就是很貴——我們平時使用的是公司的Mac電腦，使用盜版軟件是有法律風(fēng)險的。

在GNU/Linux世界里，我們使用Dia。

Dia 是開放源代碼的流程圖軟件，是GNU計劃的一部分，程序創(chuàng)立者是Alexander Larsson。Dia使用單一文件界面模式，類似于GIMP與Inkscape。 Dia將多種需求以模塊化來設(shè)計，如流程圖、網(wǎng)絡(luò)圖、電路圖等。各模塊之間的符號仍是可以通用的，并沒有限制。

順便安利一下，我最喜歡的操作系統(tǒng)OpenSuSE——簡潔、尾長、綠色。

OpenSuSE在KDE桌面下效果最贊了——因為KDE和OpenSuSE都是德國制造。總的來說，會比Debian系的Debian和Ubunt，及RetHat系的CentOS及Fedora穩(wěn)定、漂亮。

令人遺憾的是這三個工具，我都用不了。Mac對X Windows的支持不是一般的差，于是我就需要別的替代工具。

在線流程圖：Processon

這個工具還是相當(dāng)好用，至少是在GxFxW內(nèi)比較快——我之前使用過Creately、draw.io、Gliffy等等的一些工具，只是隨著版圖的擴(kuò)展，很多地區(qū)都已經(jīng)“xx”了。

不過遺憾的是：他們沒有給我廣告費。

ProcessOn是一個在線協(xié)作繪圖平臺，為用戶提供最強(qiáng)大、易用的作圖工具！支持在線創(chuàng)作流程圖、BPMN、UML圖、UI界面原型設(shè)計、iOS界面原型設(shè)計等。

同樣的，在我的那個“Developer進(jìn)階書單”中，就是用這個工具畫出規(guī)規(guī)矩矩的線。

并且，它還是跨平臺的。

各種圖： Word和Excel

由于翻譯和寫書的需要，我成了一個Office 365訂閱用戶。于是發(fā)現(xiàn)在Word等一系列的Office工具中，自帶了一個SmartArt的工具：

可以畫出很多很有意思的圖形，比如：

又或者是：

分分鐘就能畫一個的節(jié)奏。

腦圖： XMind

我想這個一般人都是知道的。

XMind思維導(dǎo)圖軟件被著名互聯(lián)網(wǎng)媒體Lifehacker評選為“最佳頭腦風(fēng)暴和思維導(dǎo)圖工具”及”最受歡迎的思維導(dǎo)圖軟件”。

它有一個很大的優(yōu)點是使用了全球最先進(jìn)的Eclipse RCP 軟件架構(gòu)，支持跨平臺使用。它有一個很大的缺點是使用了全球最先進(jìn)的Eclipse RCP 軟件架構(gòu)，導(dǎo)致了有點卡。

相比于流程圖什么的，它只適合做腦圖。

如果你還在使用Eclipse，那么你應(yīng)該試試Intellij IDEA了。

各種圖：D3.js

D3.js（D3或Data-Driven Documents）是一個用動態(tài)圖形顯示數(shù)據(jù)的JavaScript庫，一個數(shù)據(jù)可視化的工具。

與上面的工具相比，這個工具可能沒有那么方便。但是，作為一個數(shù)據(jù)可視化工具，它不僅僅可以做出各種炫酷的圖形。

還可以做出一個技能樹：

這個項目的GitHub見：https://github.com/phodal/sherlock

地圖：Leaflet

Leaflet 是一個為建設(shè)移動設(shè)備友好的互動地圖，而開發(fā)的現(xiàn)代的、開源的JavaScript 庫。

雖然它與上面的圖形沒有啥關(guān)系，但是它帶了一個圖字啊。與Google Map原生的API，或者OpenStreet相比，它最大的優(yōu)點是對移動設(shè)備支持好。

并且，它也是一個可以根據(jù)數(shù)據(jù)（GEOJSON，地理數(shù)據(jù)）生成圖形的工具。

更多精彩內(nèi)容歡迎關(guān)注我的微信公眾號：Phodal

總結(jié)

以上是生活随笔為你收集整理的程序员应该知道的七个图形工具的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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