30個最好的數據可視化工具推薦

現在同質化的應用愈來愈多,應用開發者也開始在用戶體驗上下功夫,好比數據可視化,將一大堆密密麻麻的數字轉成圖表形式,能夠更直觀地向用戶展現數據之間的聯繫和變化狀況,減小用戶的閱讀和思考時間,以便很好地作出決策；目前互聯網中有不少數據可視化工具,這裏只選擇了30個有特點好用的推薦給你們

iCharts

iCharts是一個在線的數據可視化工具,被普遍應用於商業/經濟/體育等領域的報告中;爲了擁有龐大的資料量,它提供以雲端爲基礎和受專利保護的圖表工具,讓企業和我的都能透過網站把資料分享給數百萬的人;iCharts免費版本提供了一些基本的交互式圖表樣式,若是更使用高級的樣式,則須要購買高級版本

Fusion Charts Suit XT

Fusion Charts Suit XT是一個專業的JavaScript圖表庫,採用SVG(Scalable Vector Graphics,可縮放向量圖形)可用來建立90多種類型的圖表,包括2D和3D版本的圖表;此外,他也重視工具間的互動性/提示框(tooltips)/向下延伸資料(drill down)/可點選的圖例關鍵字(legend keys)/縮放及上下捲動,以及一次按鍵進行圖表輸出或列印

Modest Maps

一個地圖js插件,大小隻有10KB,兼容Firefox/Chrome/Opera/iOS/Android/IE7-9瀏覽器;這是一個小型的/免費/用於建立交互式地圖的庫

Pizza Pie Charts

這是一個基於Adobe Snap SVG框架的響應式的餅圖,主要使用HTML和CSS來生成圖表,專一於進行簡單的整合,但你也可使用JavaScript對象;更方便的是,能夠傳送餅圖到任何有Pizza的裝置,在傳送後,餅圖會自動變成合適的大小形式,固然也能夠固定它最大的長寬

Raw

Raw是一個開源的數據可視化工具,基於流行的D3.js,支持多種圖表類型,爲彈性地視覺化資料並儘量以最簡單的方式進行;事實上它將自身定位爲[彌補電子表格(spreadshit)應用程式和向量圖表編輯之間的遺漏],支持各類不一樣的圖表類型(例如樹狀圖/氣泡圖(bubble chart))等,客戶端安裝Raw是很是直接的

Leaflet

Leaflet是一個開源的JavaScript庫,用於建立對移動設備友好的交互式地圖,只佔31KB,擁有大部分開發商所須要線上地圖的特點,Leaflet融合了簡單/效能/實用性三者的設計;雖以html5及CSS3爲優點,但仍可以兼容焦躁的瀏覽器

Chartkick

Chartkick是一個Ruby gem,可很是方便/快速地建立漂亮的圖標,它整合了兩大圖表庫:Highcharts和Google Charts,並能使用和這兩個圖庫相同的功能來創建圖表,支援多種圖表類型以及單一圖表含多樣系列Chartkick還有一個JavaScript API,不依賴於Ruby

Ember Charts

這是個基於Ember.js和d3.js框架的圖表庫,包括時間序列/條形圖/餅圖/線型圖/散點圖等多種類型,且易於擴展和修改,從這些圖表的元素能夠看出在圖表的互動性及呈現

Springy

Springy是一個使用JavaScirpt實現的以力導向的有向圖佈局算法,使用了真實世界中的一些物理原理,你能夠隨意拖動圖表中的元素;Springy.js小且簡單,提供一個抽象化圖表操做以及計算版面配置;版面配置及互動都隨我的喜愛,這表明可使用canvas/SVG/WebGL,甚至舊版的HTML要素

Bonsai

Bonsai是個開源的爲建構圖表和動畫的JavaScript庫,用於建立圖形和動畫,並配備了一個直觀/功能豐富的API;支持建構簡單的圖形,如:長方形/圓形/橢圓等,有了特定的功能以及爲了能客製化圖形的路徑函數,針對不一樣形狀作顏色/梯度變化率以及漏斗型的篩選如灰階/透明度等應用

Google Charts

谷歌的圖表庫工具,提供了很是多可以使用的圖表類型,功能強大,支持HTML5生成SVG圖表,簡單易用,並且免費;圖表風格不少,其交互效果也很漂亮;對於專業視覺畫的圖表如地理圖/動態壓力圖等,是十分好用的工具,另外包內建含動畫和使用者互動控制的功能

jsDraw2DX

jsDraw2DX獨立於JavaScript庫,利用SVG產生任何形式的互動圖,除了能產生任何基本的圖形如線/長方形/多邊形/圓形/橢圓/弧形等外,它也能畫出曲線/任何度數的貝茲曲線(Beziers)/函數繪製圖等

Cube

Cube也是開源系統,能視覺化時間序列資料,若是將Cube傳送到時戳事件,你能在內部後臺簡單地創建集合矩陣的實境視覺化;舉例來講,也許可使用Cube來監控網站瀏覽量,計算每五分鐘下載量

Gantti

Gantti是一個簡單的PHP甘特圖;這些圖表單純地涵蓋了HTML5-CSS3,沒有任何JavaScript

Smoothie Charts

Smoothie Charts是真的小型javascript地圖表資料庫,主要是爲實際現場串流資料;雖然有不少圖表資料庫能讓你動態地更新資料內容,但沒有一個能真正地優化持續性的串流資料;Smoothie Charts目前只能在Chrome和Safari上運做;事實上,相較於其餘視覺化形式的資料庫(例如Flot),它比較很差用;可是,仍是得強調,它真的很是擅長於展示串流資料

Envision.js

Envision.js是一個動態的HTML5可視化圖表,用來簡化創造快速又具備互動性的HTML5視覺化圖像;它有兩種不一樣的圖表類型:財務型的時間序列資料以及專爲開發者所用的API以創建客製化圖表;它採用framework-agnostic模型以及依賴部分微型圖表庫

BirdEye

BirdEye屬於一個羣體專案,爲了要提高設計和普遍的開源資料視覺化發展,而且爲Adobe Flex建視覺分析圖庫,這個動做以敘述性的資料庫爲主,讓使用者可以創建多元資料視覺化界面來分析以及呈現資訊

Arbor.js

Arbor.js是由jQuery創建的圖表視覺化資料庫,提供有效率,以力導向的版面配置演算法,抽象畫圖表組織以及篩選更新的處理;它不受限於你必需要用特定的方法來進行熒幕繪畫，可使用canvas/SVG，甚至HTML定位要素,可以依據你的專案來選定須要的東西;Arbor.js專一於圖表資料以及它的特點,而非花一堆時間在數學運算來產出版面配置

Gephi

Gephi對於全部類型的網絡及複雜的系統/動態性/階層圖等,都兼具互動性視覺化以及搜尋平臺,一樣也能篩選/清除沒必要要的資料

HighChartjs

Highcharts JS是單純由JavaScript所寫的圖表資料庫,提供簡單的方法來增長互動性圖表到網站或網站應用程式;目前它能支持線圖/樣條函數圖(spline)/面積圖/面積樣條函數圖(areaspline)/柱狀圖/長條圖/圓餅圖和散佈圖等;特別的是,適用於web項目

Javascript InfoVIS Toolkit

JavaScript InfoVis Toolkit提供創造網站上的Interactive Data Visualizations,這個資料庫擁有不少獨特的樣式以及動畫編輯效果,並且也是免費的。

Axiis

Axiis是開源資料視覺化架構,專爲初學者以及專業開發者設計,Axiis讓開發者只要透過簡要而直觀的標記語言就能夠來深刻的定義資料視覺化,Axiis提供預建的視覺化內容及抽象的版面配置模板,讓你可以創造本身獨特的視覺化圖表

Protovis

Protovis是使用canvas元素的JavaScript視覺化工具包,用圖表的方法讓資料視覺化,透過基本的幾何圖如柱狀圖與點圖來組合客製化的資料瀏覽;這些幾何圖被稱做爲marks,每一個mark通過編碼後成爲視覺化資料,並透過動態性(例如顏色及位置)來呈現

HumbleFinance

HumbleFinance是一個HTML5資料視覺化工具,和Google Finance的Flash圖表很類似,利用Prototype和Flotr libraries;在經過函數來產生圖表前,須要設定三個參數;能夠手動地選擇一部分的資料,並放大該部分的資料,當你在處理大量的資料時這是個很是有用的功能

D3.js

D3是一個爲了操做以資料爲主的HTML文件,小而免費的JavaScript library;D3可以幫助你快速的視覺化你的資料,不管是HTML或是SVG均可以

Dipity

Dipity可以創建免費的數位時間軸,在互動模式下還能分享/插入視覺化的時間軸到影音/圖片/文字/連結/社羣媒體/時戳中

Kartograph

Kartograph 不須要任何地圖提供者像Google Maps用來創建互動式地圖,由兩個libraries組成,並將二者結合到SVG和JavaScripts library,把SVG資料轉變成互動性地圖

TimeFlow

可視化時間分析工具,提供瞭如下不一樣的呈現方式:時間軸/日曆/柱狀圖/表格等

Paper.js

Paper.js是一個開源的使用HTML5 Canvas輸出的JS圖表庫,對於初學者來講它是很容易學習的,其中也有許多專業面向能夠提供中階及高階使用者

Visualize Free

Visualize Free是一個創建在高階商業後臺集InetSoft開發的視覺化軟件免費的視覺分析工具;視覺化是一個很棒的方法,從多元變量資料篩選並看其趨勢,或是利用簡單地點及方法來切割資料或是小範圍的資料,若是你正在找一個方法來視覺化搜尋並呈現資料,而通常的office圖表軟件沒辦法處理,那Visualize Free會是一個很棒的選擇

閱讀全文