Web程序員必備的43款可視化開發(fā)設計工具

1、Web程序員必備的43款可視化開發(fā)設計工具話說工欲善其事，必先利其器。對 Web 工程師來說， 通曉開發(fā)工具則是其走向成功之路的必經之路。國外站點DATAVISUALIZATION.CH 為大家總結出了當前熱用的 43款可視化工具，包括 Arbor 、Chroma.js、D3.js 、Google ChartTools 等，絕對讓你一飽眼福。1. Arbor.jsArbor 是一個免費的、可視化的圖形庫，基于矢量創(chuàng)建動態(tài) 的連接圖。它為圖形組織和屏幕刷新處理提供了一個高效 的、力導向的布局算法。2. CartoDBCartoDB是一個地圖 Web Service，并提供非常豐富 API ,利

2、用它可以輕松創(chuàng)建動態(tài)的、可視化的數(shù)據(jù)驅動地圖。3. Chroma.js交互式色彩空間資源管理器，允許預覽一組線性插值等距的 顏色。4. CircosCircos 是一個 Perl 語言開發(fā)的自由可視化軟件，最初主要用于基因組序列相關數(shù)據(jù)的可視化，目前已應用于多個領域， 例如 影視作品中的人物關系分析，物流公司的訂單來源和 流向分析等， 大多數(shù)關系型數(shù)據(jù)都可以嘗試用 Circos 來可視 化。5. ColorBrewerColorBrewer 是專門為幫助用戶選擇地圖和其他圖片配色方 案而設計的在線工具。6. Cubism.jsCubism.js 是 D3 可視化庫的一個插件，用于實現(xiàn)時序圖。7

3、. D3.jsD3 是最流行的可視化庫之一，它被很多其他的表格插件所使用。它允許綁定任意數(shù)據(jù)到 DOM ，然后將數(shù)據(jù)驅動轉換應用到 Document中。你可以使用它用一個數(shù)組創(chuàng)建基本的HMTL 表格，或是利用它的流體過度和交互，用相似的數(shù)據(jù) 創(chuàng)建驚人的 SVG 條形圖。8. Dance.js基于 Data.js 和 Underscore.js 的一個簡單的數(shù)據(jù)驅動的可視化 框架。9. Data.jsData.js 是一個 JavaScript 數(shù)據(jù)表示框架，提供統(tǒng)一的接口和 數(shù)據(jù)域。10. DataWranglerDataWrangler 是一個交互式的數(shù)據(jù)清理和轉換的可視化工 具。11. D

4、egrafaDegrafa 是一個功能強大的聲明式繪圖框架，提供豐富的用 戶接口、數(shù)據(jù)可視化和映射。12. Envision.jsEnvision.js 是一個可以快速創(chuàng)建動態(tài)、交互式的時間序列的 可視化庫。13. Flare組軟件工具集，用于在 ActionScript中創(chuàng)建交互式的可視化數(shù)據(jù)。14. GeoCommonsGeoCommons 是一個可視化的數(shù)據(jù)地圖分析工具。15. GephiGephi 是一個可視化的網(wǎng)絡探索平臺，用于構建動態(tài)的、分 層的數(shù)據(jù)圖表。并嵌入自16. Google Chart ToolsGoogle Chart Tools 可以幫助你將數(shù)據(jù)轉化為圖表， 己的網(wǎng)頁

5、，這些圖表還擁有交互功能，可以鉆入，或通過鼠 標盤旋獲取詳細信息，還可以實現(xiàn)動畫圖表。17. Google Fusion TablesGoogle Fusion Tables 是一個數(shù)據(jù)可視化服務， Fusion Tables 可以上傳 100MB 的表格文件，同時支持 CSV 和 XLS 格式， 當然也可以把 Google Docs 里的表格導入進來使用。對于大 規(guī)模的數(shù)據(jù)， 可以用 Google Fusion Tables 創(chuàng)造過濾器來顯示 你關心的數(shù)據(jù)，處理完畢后可以導出為 csv 文件。18. Google Refine可以幫助用Google Refine 是一款非常強大的數(shù)據(jù)整理工具

6、， 戶清理數(shù)據(jù)，進行格式轉換等。19.Impure/Quadrigram個可視化編程語言，旨在收集、處理可視化信息。20. JavaScript InfoVis Toolkit個 JavaScript 庫，用于給 Web 創(chuàng)建交互式的、可視化的數(shù) 據(jù)。21. KartographKartograph 是一個簡單且輕量級的框架，建立交互式地圖應 用程序無需谷歌地圖或其他任何地圖服務。22. LeafletLeaflet 是一個輕量級的 JavaScript 庫，用來創(chuàng)建基于平鋪系 列的交互式地圖，桌面和手機瀏覽器皆適用。23. Many Eyes個 Web 應用程序， 用來創(chuàng)建、 分享和討論用戶

7、上傳圖形數(shù) 據(jù)。24. MapBox一個 Web 平臺，用于托管自定義的地圖設計和一些列的開源 工具。25. Miso Dataset個客戶端數(shù)據(jù)轉換和管理庫，用來加載、解析、查詢和操 作數(shù)據(jù)。26. Modest Maps提供基本的地圖功能，包含豐富的API 。27. Mr. Data Converter個 Web 應用程序，把 Excel 數(shù)據(jù)轉換成友好的 Web 文件， 如 HTML 、 JSON、XML 等。28. NodeBox個桌面應用程序 ,允許您創(chuàng)建生成 ,靜態(tài) ,鼓舞或交互的視覺效果。29. Paper.js個矢量圖形腳本框架。30. PeityPeity 是一個簡單 jQu

8、ery 插件，把任何一個元素內容轉換成個簡單圖餅、線條或條形圖標。31. Polymaps個基于矢量和 tile 創(chuàng)建動態(tài)、交互式的動態(tài)地圖。32. PrefusePrefuse是一組API工具包，它有兩個項目，一個是基于Java的 API 調用( prefuse toolkit )，生成 Applet 或者窗口程序， 另一個是基于 ActionScript 的 API 調用(prefuse flare),可以生成 Flash。33. Processing個開源的編程語言， 是Java語言的延伸，并支持許多現(xiàn)有的 Java 語言架構，不過在語法 (syntax) 上簡易許多，并具有許多貼心及人

9、性化的設計。 Processing 可以在 Windows、MAC OS X 、 MAC OS 9、Linux 等操作系統(tǒng)上使用。34. Processing.js該框架主要針對不想使用Flash或Java applets進行圖片編程以及 Web 交互的開發(fā)者。Processing.js 使用 JavaScript 在HTML5的Canvas元素上繪制形狀以及操作圖像。35. ProtovisProtovis 是一個可視化 JavaScript 圖表生成工具。36. RR 主要用來進行數(shù)據(jù)探索、統(tǒng)計分析、作圖的解釋型語言。37. Rapha?lRapha?l 是一個小型的 JavaScript 庫,用來簡化在頁面上顯示 向量圖的工作。38. Recline.jsRecline.js 是一個開源的 JS 庫用于利用 JavaScript+HTML 輕 松創(chuàng)建基于數(shù)據(jù)的應用。這個庫擁有大最的功能來處理數(shù)據(jù) 集包括：加載，查詢和操作等。39. RickshawRickshaw 是一個基于 D3.js 來創(chuàng)建序交互式的時間序列圖表 庫。40.Sigma.jsSigma.js 是一個開源的輕量級庫，用來顯示交互式的靜態(tài)和 動態(tài)圖表。41. Tableau PublicTablea