Web程序員必備的43款可視化開(kāi)發(fā)設(shè)計(jì)工具

2013-01-17 10:14:23來(lái)源:oschina作者:

話(huà)說(shuō)工欲善其事,必先利其器。對(duì)Web工程師來(lái)說(shuō),通曉開(kāi)發(fā)工具則是其走向成功之路的必經(jīng)之路。國(guó)外站點(diǎn)DATAVISUALIZATION.CH為大家總結(jié)出了當(dāng)前熱用的43款可視化工具,包括Arbor、Chroma.js、D3.js等等

話(huà)說(shuō)工欲善其事,必先利其器。對(duì)Web工程師來(lái)說(shuō),通曉開(kāi)發(fā)工具則是其走向成功之路的必經(jīng)之路。國(guó)外站點(diǎn)DATAVISUALIZATION.CH為大家總結(jié)出了當(dāng)前熱用的43款可視化工具,包括Arbor、Chroma.js、D3.js、Google Chart Tools等,絕對(duì)讓你一飽眼福。

1.Arbor.js

Arbor是一個(gè)免費(fèi)的、可視化的圖形庫(kù),基于矢量創(chuàng)建動(dòng)態(tài)的連接圖。它為圖形組織和屏幕刷新處理提供了一個(gè)高效的、力導(dǎo)向的布局算法。

\

2.CartoDB

CartoDB是一個(gè)地圖Web Service,并提供非常豐富API,利用它可以輕松創(chuàng)建動(dòng)態(tài)的、可視化的數(shù)據(jù)驅(qū)動(dòng)地圖。

\

3.Chroma.js 

交互式色彩空間資源管理器,允許預(yù)覽一組線(xiàn)性插值等距的顏色。

\

4.Circos

Circos是一個(gè)Perl語(yǔ)言開(kāi)發(fā)的自由可視化軟件,最初主要用于基因組序列相關(guān)數(shù)據(jù)的可視化,目前已應(yīng)用于多個(gè)領(lǐng)域,例如 影視作品中的人物關(guān)系分析,物流公司的訂單來(lái)源和流向分析等,大多數(shù)關(guān)系型數(shù)據(jù)都可以嘗試用Circos來(lái)可視化。

\

5.ColorBrewer

ColorBrewer是專(zhuān)門(mén)為幫助用戶(hù)選擇地圖和其他圖片配色方案而設(shè)計(jì)的在線(xiàn)工具。

\

6.Cubism.js

Cubism.js是D3可視化庫(kù)的一個(gè)插件,用于實(shí)現(xiàn)時(shí)序圖。

\

7.D3.js

D3是最流行的可視化庫(kù)之一,它被很多其他的表格插件所使用。它允許綁定任意數(shù)據(jù)到DOM,然后將數(shù)據(jù)驅(qū)動(dòng)轉(zhuǎn)換應(yīng)用到Document中。你可以使用它用一個(gè)數(shù)組創(chuàng)建基本的HMTL表格,或是利用它的流體過(guò)度和交互,用相似的數(shù)據(jù)創(chuàng)建驚人的SVG條形圖。

\

8.Dance.js

基于Data.js和Underscore.js的一個(gè)簡(jiǎn)單的數(shù)據(jù)驅(qū)動(dòng)的可視化框架。

\

9.Data.js

Data.js是一個(gè)JavaScript數(shù)據(jù)表示框架,提供統(tǒng)一的接口和數(shù)據(jù)域。

\

10.DataWrangler

DataWrangler是一個(gè)交互式的數(shù)據(jù)清理和轉(zhuǎn)換的可視化工具。

\

11.Degrafa

Degrafa是一個(gè)功能強(qiáng)大的聲明式繪圖框架,提供豐富的用戶(hù)接口、數(shù)據(jù)可視化和映射。

\

12.Envision.js

Envision.js是一個(gè)可以快速創(chuàng)建動(dòng)態(tài)、交互式的時(shí)間序列的可視化庫(kù)。

\

13.Flare

一組軟件工具集,用于在ActionScript中創(chuàng)建交互式的可視化數(shù)據(jù)。

\

14.GeoCommons

GeoCommons是一個(gè)可視化的數(shù)據(jù)地圖分析工具。

\

15.Gephi

Gephi是一個(gè)可視化的網(wǎng)絡(luò)探索平臺(tái),用于構(gòu)建動(dòng)態(tài)的、分層的數(shù)據(jù)圖表。

\

16.Google Chart Tools

Google Chart Tools可以幫助你將數(shù)據(jù)轉(zhuǎn)化為圖表,并嵌入自己的網(wǎng)頁(yè),這些圖表還擁有交互功能,可以鉆入,或通過(guò)鼠標(biāo)盤(pán)旋獲取詳細(xì)信息,還可以實(shí)現(xiàn)動(dòng)畫(huà)圖表。

\

17.Google Fusion Tables

Google Fusion Tables是一個(gè)數(shù)據(jù)可視化服務(wù),F(xiàn)usion Tables可以上傳100MB的表格文件,同時(shí)支持CSV和XLS格式,當(dāng)然也可以把Google Docs里的表格導(dǎo)入進(jìn)來(lái)使用。對(duì)于大規(guī)模的數(shù)據(jù),可以用Google Fusion Tables創(chuàng)造過(guò)濾器來(lái)顯示你關(guān)心的數(shù)據(jù),處理完畢后可以導(dǎo)出為csv文件。

\

18.Google Refine

Google Refine是一款非常強(qiáng)大的數(shù)據(jù)整理工具,可以幫助用戶(hù)清理數(shù)據(jù),進(jìn)行格式轉(zhuǎn)換等。

\

19.Impure/Quadrigram

一個(gè)可視化編程語(yǔ)言,旨在收集、處理可視化信息。

\

20.JavaScript InfoVis Toolkit

一個(gè)JavaScript庫(kù),用于給Web創(chuàng)建交互式的、可視化的數(shù)據(jù)。

\

21.Kartograph

Kartograph是一個(gè)簡(jiǎn)單且輕量級(jí)的框架,建立交互式地圖應(yīng)用程序無(wú)需谷歌地圖或其他任何地圖服務(wù)。

\

22.Leaflet

Leaflet是一個(gè)輕量級(jí)的JavaScript庫(kù),用來(lái)創(chuàng)建基于平鋪系列的交互式地圖,桌面和手機(jī)瀏覽器皆適用。

\

23.Many Eyes

一個(gè)Web應(yīng)用程序,用來(lái)創(chuàng)建、分享和討論用戶(hù)上傳圖形數(shù)據(jù)。

\

24.MapBox

一個(gè)Web平臺(tái),用于托管自定義的地圖設(shè)計(jì)和一些列的開(kāi)源工具。

\

25.Miso Dataset

一個(gè)客戶(hù)端數(shù)據(jù)轉(zhuǎn)換和管理庫(kù),用來(lái)加載、解析、查詢(xún)和操作數(shù)據(jù)。

\

26.Modest Maps

提供基本的地圖功能,包含豐富的API。

\

27.Mr. Data Converter

一個(gè)Web應(yīng)用程序,把Excel數(shù)據(jù)轉(zhuǎn)換成友好的Web文件,如HTML、JSON、XML等。

\

28.NodeBox

一個(gè)桌面應(yīng)用程序,允許您創(chuàng)建生成,靜態(tài),鼓舞或交互的視覺(jué)效果。

\

29.Paper.js

一個(gè)矢量圖形腳本框架。

\

30.Peity

Peity是一個(gè)簡(jiǎn)單jQuery插件,把任何一個(gè)元素內(nèi)容轉(zhuǎn)換成一個(gè)簡(jiǎn)單圖餅、線(xiàn)條或條形圖標(biāo)。

\

31.Polymaps

一個(gè)基于矢量和tile創(chuàng)建動(dòng)態(tài)、交互式的動(dòng)態(tài)地圖。

\

32.Prefuse

Prefuse是一組API工具包,它有兩個(gè)項(xiàng)目,一個(gè)是基于Java的API調(diào)用(prefuse toolkit),生成Applet或者窗口程序,另一個(gè)是基于ActionScript的API調(diào)用(prefuse flare),可以生成Flash。

\

33.Processing

一個(gè)開(kāi)源的編程語(yǔ)言,是Java語(yǔ)言的延伸,并支持許多現(xiàn)有的Java語(yǔ)言架構(gòu),不過(guò)在語(yǔ)法 (syntax) 上簡(jiǎn)易許多,并具有許多貼心及人性化的設(shè)計(jì)。Processing可以在Windows、MAC OS X、MAC OS 9 、Linux等操作系統(tǒng)上使用。

\

34.Processing.js

該框架主要針對(duì)不想使用Flash或Java applets進(jìn)行圖片編程以及Web交互的開(kāi)發(fā)者。Processing.js使用JavaScript在HTML5的Canvas元素上繪制形狀以及操作圖像。

\

35.Protovis

Protovis是一個(gè)可視化JavaScript圖表生成工具。

\

36.R

R主要用來(lái)進(jìn)行數(shù)據(jù)探索、統(tǒng)計(jì)分析、作圖的解釋型語(yǔ)言。

\

37.Raphaël

Raphaël是一個(gè)小型的JavaScript 庫(kù),用來(lái)簡(jiǎn)化在頁(yè)面上顯示向量圖的工作。

\

38.Recline.js

Recline.js是一個(gè)開(kāi)源的JS庫(kù)用于利用JavaScript+HTML輕松創(chuàng)建基于數(shù)據(jù)的應(yīng)用。這個(gè)庫(kù)擁有大最的功能來(lái)處理數(shù)據(jù)集包括:加載,查詢(xún)和操作等。

\

39.Rickshaw

Rickshaw是一個(gè)基于D3.js來(lái)創(chuàng)建序交互式的時(shí)間序列圖表庫(kù)。

\

40.Sigma.js

Sigma.js是一個(gè)開(kāi)源的輕量級(jí)庫(kù),用來(lái)顯示交互式的靜態(tài)和動(dòng)態(tài)圖表。

\

41.Tableau Public

Tableau Public是一款桌面可視化工具,用戶(hù)可以創(chuàng)建自己的數(shù)據(jù)可視化,并將交互性數(shù)據(jù)可視化發(fā)布到網(wǎng)頁(yè)上。

\

42.Tangle

Tangle是一個(gè)用來(lái)探索、Play和可以立即查看文檔更新的交互式庫(kù)。

\

43.Timeline

Timeline即時(shí)間軸,用戶(hù)通過(guò)這個(gè)工具可以一目了然的知道自己在何時(shí)做了什么。

\

關(guān)鍵詞:Web程序員可視化

贊助商鏈接: