Web工程師必備的43款可視化工具

Web工程師必備的43款可視化工具

1、總結

一句話總結：web工程師的插件積累是很是重要的，這樣需求來了知道用什麼工具來實現

 

一、以前作概念圖需求的時候，我一無所知的狀況下，我應該怎麼找插件（在搜索引擎上面搜索的關鍵詞是什麼）？

概念圖

可視化

概念 擴充

 

搜索的關鍵詞應該是，概念圖js，可視化

原則就是當前概念（概念圖），擴充概念（可視化）

你可是搜索可視化就能夠搜出vis，就是你須要的

 

二、搜索時候的搜索技巧是什麼？

概念 擴充

擴充概念（可視化）

例如：以前作概念圖需求的時候，我一無所知的狀況下，我應該怎麼找插件（在搜索引擎上面搜索的關鍵詞是什麼）

搜索的關鍵詞應該是，概念圖js，可視化

原則就是當前概念（概念圖），擴充概念（可視化）

你可是搜索可視化就能夠搜出vis，就是你須要的

 

 

 

2、Web工程師必備的43款可視化工具

國外站點DATAVISUALIZATION.CH爲你們總結出了當前熱用的43款可視化工具，包括Arbor、Chroma.js、D3.js、Google Chart Tools等，絕對讓你一飽眼福。

1.Arbor.js

Arbor是一個免費的、可視化的圖形庫，基於矢量建立動態的鏈接圖。它爲圖形組織和屏幕刷新處理提供了一個高效的、力導向的佈局算法。

2.CartoDB

CartoDB是一個地圖Web Service，並提供很是豐富API，利用它能夠輕鬆建立動態的、可視化的數據驅動地圖。

3.Chroma.js 

交互式色彩空間資源管理器，容許預覽一組線性插值等距的顏色。

4.Circos

Circos是一個Perl語言開發的自由可視化軟件，最初主要用於基因組序列相關數據的可視化，目前已應用於多個領域，例如 影視做品中的人物關係分析，物流公司的訂單來源和流向分析等，大多數關係型數據均可以嘗試用Circos來可視化。

5.ColorBrewer

ColorBrewer是專門爲幫助用戶選擇地圖和其餘圖片配色方案而設計的在線工具。

6.Cubism.js

Cubism.js是D3可視化庫的一個插件，用於實現時序圖。

7.D3.js

D3是最流行的可視化庫之一，它被不少其餘的表格插件所使用。它容許綁定任意數據到DOM，而後將數據驅動轉換應用到Document中。你能夠使用它用一個數組建立基本的HMTL表格，或是利用它的流體過分和交互，用類似的數據建立驚人的SVG條形圖。

8.Dance.js

基於Data.js和Underscore.js的一個簡單的數據驅動的可視化框架。

9.Data.js

Data.js是一個JavaScript數據表示框架，提供統一的接口和數據域。

10.DataWrangler

DataWrangler是一個交互式的數據清理和轉換的可視化工具。

11.Degrafa

Degrafa是一個功能強大的聲明式繪圖框架，提供豐富的用戶接口、數據可視化和映射。

12.Envision.js

Envision.js是一個能夠快速建立動態、交互式的時間序列的可視化庫。

13.Flare

一組軟件工具集，用於在ActionScript中建立交互式的可視化數據。

14.GeoCommons

GeoCommons是一個可視化的數據地圖分析工具。

15.Gephi

Gephi是一個可視化的網絡探索平臺，用於構建動態的、分層的數據圖表。

16.Google Chart Tools

Google Chart Tools能夠幫助你將數據轉化爲圖表，並嵌入本身的網頁，這些圖表還擁有交互功能，能夠鑽入，或經過鼠標盤旋獲取詳細信息，還能夠實現動畫圖表。

17.Google Fusion Tables

Google Fusion Tables是一個數據可視化服務，Fusion Tables能夠上傳100MB的表格文件，同時支持CSV和XLS格式，固然也能夠把Google Docs裏的表格導入進來使用。對於大規模的數據，能夠用Google Fusion Tables創造過濾器來顯示你關心的數據，處理完畢後能夠導出爲csv文件。

18.Google Refine

Google Refine是一款很是強大的數據整理工具，能夠幫助用戶清理數據，進行格式轉換等。

19.Impure/Quadrigram

一個可視化編程語言，旨在收集、處理可視化信息。

20.JavaScript InfoVis Toolkit

一個JavaScript庫，用於給Web建立交互式的、可視化的數據。

21.Kartograph

Kartograph是一個簡單且輕量級的框架，創建交互式地圖應用程序無需谷歌地圖或其餘任何地圖服務。

22.Leaflet

Leaflet是一個輕量級的JavaScript庫，用來建立基於平鋪系列的交互式地圖，桌面和手機瀏覽器皆適用。

23.Many Eyes

一個Web應用程序，用來建立、分享和討論用戶上傳圖形數據。

24.MapBox

一個Web平臺，用於託管自定義的地圖設計和一些列的開源工具。

25.Miso Dataset

一個客戶端數據轉換和管理庫，用來加載、解析、查詢和操做數據。

26.Modest Maps

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

27.Mr. Data Converter

一個Web應用程序，把Excel數據轉換成友好的Web文件，如HTML、JSON、XML等。

28.NodeBox

一個桌面應用程序,容許您建立生成,靜態,鼓舞或交互的視覺效果。

29.Paper.js

一個矢量圖形腳本框架。

30.Peity

Peity是一個簡單jQuery插件，把任何一個元素內容轉換成一個簡單圖餅、線條或條形圖標。

31.Polymaps

一個基於矢量和tile建立動態、交互式的動態地圖。

32.Prefuse

Prefuse是一組API工具包，它有兩個項目，一個是基於Java的API調用（prefuse toolkit），生成Applet或者窗口程序，另外一個是基於ActionScript的API調用（prefuse flare），能夠生成Flash。

 

33.Processing

一個開源的編程語言，是Java語言的延伸，並支持許多現有的Java語言架構，不過在語法 (syntax) 上簡易許多，並具備許多貼心及人性化的設計。Processing能夠在Windows、MAC OS X、MAC OS 9 、Linux等操做系統上使用。

34.Processing.js

該框架主要針對不想使用Flash或Java applets進行圖片編程以及Web交互的開發者。Processing.js使用JavaScript在HTML5的Canvas元素上繪製形狀以及操做圖像。

35.Protovis

Protovis是一個可視化JavaScript圖表生成工具。

36.R

R主要用來進行數據探索、統計分析、做圖的解釋型語言。

37.Raphaël

Raphaël是一個小型的JavaScript 庫,用來簡化在頁面上顯示向量圖的工做。

 

38.Recline.js

Recline.js是一個開源的JS庫用於利用JavaScript+HTML輕鬆建立基於數據的應用。這個庫擁有大最的功能來處理數據集包括：加載，查詢和操做等。

39.Rickshaw

Rickshaw是一個基於D3.js來建立序交互式的時間序列圖表庫。

 

40.Sigma.js

Sigma.js是一個開源的輕量級庫，用來顯示交互式的靜態和動態圖表。

 

41.Tableau Public

Tableau Public是一款桌面可視化工具，用戶能夠建立本身的數據可視化,並將交互性數據可視化發佈到網頁上。

 

42.Tangle

Tangle是一個用來探索、Play和能夠當即查看文檔更新的交互式庫。

 

43.Timeline

Timeline即時間軸，用戶經過這個工具能夠一目瞭然的知道本身在什麼時候作了什麼。

整理自：DATAVISUALIZATION.CH

參考：Datavisualization.chhttps://datavisualization.ch/