摘要： 如今同質(zhì)化的應用越來越多,應用開發(fā)者也開始在用戶體驗上下功夫,比如數(shù)據(jù)可視化,將一大堆密密麻麻的數(shù)字轉成圖表形式,可以更直觀地向用戶展示數(shù)據(jù)之間的聯(lián)系和變化情況,減少用戶的閱讀和思考時間,以便很好地做出決策；目前互聯(lián)網(wǎng)中有很多數(shù)據(jù)可視化工具,這里只選擇了30個有特色好用的推薦給大家
如今同質(zhì)化的應用越來越多,應用開發(fā)者也開始在用戶體驗上下功夫,比如數(shù)據(jù)可視化,將一大堆密密麻麻的數(shù)字轉成圖表形式,可以更直觀地向用戶展示數(shù)據(jù)之間的聯(lián)系和變化情況,減少用戶的閱讀和思考時間,以便很好地做出決策；目前互聯(lián)網(wǎng)中有很多數(shù)據(jù)可視化工具,這里只選擇了30個有特色好用的推薦給大家
iCharts
iCharts是一個在線的數(shù)據(jù)可視化工具,被廣泛應用于商業(yè)/經(jīng)濟/體育等領域的報告中;為了擁有龐大的資料量,它提供以云端為基礎和受專利保護的圖表工具,讓企業(yè)和個人都能透過網(wǎng)站把資料分享給數(shù)百萬的人;iCharts免費版本提供了一些基本的交互式圖表樣式,如果更使用高級的樣式,則需要購買高級版本
Fusion Charts Suit XT
Fusion Charts Suit XT是一個專業(yè)的JavaScript圖表庫,采用SVG(Scalable Vector Graphics,可縮放向量圖形)可用來創(chuàng)建90多種類型的圖表,包括2D和3D版本的圖表;此外,他也重視工具間的互動性/提示框(tooltips)/向下延伸資料(drill down)/可點選的圖例關鍵字(legend keys)/縮放及上下捲動,以及一次按鍵進行圖表輸出或列印
Modest Maps
一個地圖js插件,大小只有10KB,兼容Firefox/Chrome/Opera/iOS/Android/IE7-9瀏覽器;這是一個小型的/免費/用于創(chuàng)建交互式地圖的庫
Pizza Pie Charts
這是一個基于Adobe Snap SVG框架的響應式的餅圖,主要使用HTML和CSS來生成圖表,專注于進行簡單的整合,但你也可以使用JavaScript對象;更方便的是,可以傳送餅圖到任何有Pizza的裝置,在傳送后,餅圖會自動變成合適的大小形式,當然也可以固定它最大的長寬
Raw
Raw是一個開源的數(shù)據(jù)可視化工具,基于流行的D3.js,支持多種圖表類型,為彈性地視覺化資料并盡可能以最簡單的方式進行;事實上它將自身定位為[彌補電子表格(spreadshit)應用程式和向量圖表編輯之間的遺漏],支持各種不同的圖表類型(例如樹狀圖/氣泡圖(bubble chart))等,客戶端安裝Raw是非常直接的
Leaflet
Leaflet是一個開源的JavaScript庫,用于創(chuàng)建對移動設備友好的交互式地圖,只占31KB,擁有大部分開發(fā)商所需要線上地圖的特色,Leaflet融合了簡單/效能/實用性三者的設計;雖以html5及CSS3為優(yōu)勢,但仍能夠兼容焦躁的瀏覽器
Chartkick
Chartkick是一個Ruby gem,可非常方便/快速地創(chuàng)建漂亮的圖標,它整合了兩大圖表庫:Highcharts和Google Charts,并能使用和這兩個圖庫相同的功能來建立圖表,支援多種圖表類型以及單一圖表含多樣系列Chartkick還有一個JavaScript API,不依賴于Ruby
Ember Charts
這是個基于Ember.js和d3.js框架的圖表庫,包括時間序列/條形圖/餅圖/線型圖/散點圖等多種類型,且易于擴展和修改,從這些圖表的元素可以看出在圖表的互動性及呈現(xiàn)
Springy
Springy是一個使用JavaScirpt實現(xiàn)的以力導向的有向圖布局算法,使用了真實世界中的一些物理原理,你可以隨意拖動圖表中的元素;Springy.js小且簡單,提供一個抽象化圖表操作以及計算版面配置;版面配置及互動都隨個人喜好,這代表可以使用canvas/SVG/WebGL,甚至舊版的HTML要素
Bonsai
Bonsai是個開源的為建構圖表和動畫的JavaScript庫,用于創(chuàng)建圖形和動畫,并配備了一個直觀/功能豐富的API;支持建構簡單的圖形,如:長方形/圓形/橢圓等,有了特定的功能以及為了能客制化圖形的路徑函數(shù),針對不同形狀做顏色/梯度變化率以及漏斗型的篩選如灰階/透明度等應用
Google Charts
谷歌的圖表庫工具,提供了非常多可使用的圖表類型,功能強大,支持HTML5生成SVG圖表,簡單易用,而且免費;圖表風格很多,其交互效果也很漂亮;對于專業(yè)視覺畫的圖表如地理圖/動態(tài)壓力圖等,是十分好用的工具,另外包內(nèi)建含動畫和使用者互動控制的功能
jsDraw2DX
jsDraw2DX獨立于JavaScript庫,利用SVG產(chǎn)生任何形式的互動圖,除了能產(chǎn)生任何基本的圖形如線/長方形/多邊形/圓形/橢圓/弧形等外,它也能畫出曲線/任何度數(shù)的貝茲曲線(Beziers)/函數(shù)繪制圖等
Cube
Cube也是開源系統(tǒng),能視覺化時間序列資料,如果將Cube傳送到時戳事件,你能在內(nèi)部后臺簡單地建立集合矩陣的實境視覺化;舉例來說,也許可以使用Cube來監(jiān)控網(wǎng)站瀏覽量,計算每五分鐘下載量
Gantti
Gantti是一個簡單的PHP甘特圖;這些圖表單純地涵蓋了HTML5-CSS3,沒有任何JavaScript
Smoothie Charts
Smoothie Charts是真的小型javascript地圖表資料庫,主要是為實際現(xiàn)場串流資料;雖然有很多圖表資料庫能讓你動態(tài)地更新資料內(nèi)容,但沒有一個能真正地優(yōu)化持續(xù)性的串流資料;Smoothie Charts目前只能在Chrome和Safari上運作;事實上,相較于其他視覺化形式的資料庫(例如Flot),它比較不好用;但是,還是得強調(diào),它真的非常擅長于展現(xiàn)串流資料
Envision.js
Envision.js是一個動態(tài)的HTML5可視化圖表,用來簡化創(chuàng)造快速又具有互動性的HTML5視覺化圖像;它有兩種不同的圖表類型:財務型的時間序列資料以及專為開發(fā)者所用的API以建立客制化圖表;它采用framework-agnostic模型以及依賴部分微型圖表庫
BirdEye
BirdEye屬于一個群體專案,為了要提升設計和廣泛的開源資料視覺化發(fā)展,并且為Adobe Flex建視覺分析圖庫,這個動作以敘述性的資料庫為主,讓使用者能夠建立多元資料視覺化界面來分析以及呈現(xiàn)資訊
Arbor.js
Arbor.js是由jQuery建立的圖表視覺化資料庫,提供有效率,以力導向的版面配置演算法,抽象畫圖表組織以及篩選更新的處理;它不受限于你必須要用特定的方法來進行熒幕繪畫，可以使用canvas/SVG，甚至HTML定位要素,能夠依據(jù)你的專案來選定需要的東西;Arbor.js專注于圖表資料以及它的特色,而非花一堆時間在數(shù)學運算來產(chǎn)出版面配置
Gephi
Gephi對于所有類型的網(wǎng)絡及復雜的系統(tǒng)/動態(tài)性/階層圖等,都兼具互動性視覺化以及搜尋平臺,同樣也能篩選/清除不必要的資料
HighChartjs
Highcharts JS是單純由JavaScript所寫的圖表資料庫,提供簡單的方法來增加互動性圖表到網(wǎng)站或網(wǎng)站應用程式;目前它能支持線圖/樣條函數(shù)圖(spline)/面積圖/面積樣條函數(shù)圖(areaspline)/柱狀圖/長條圖/圓餅圖和散布圖等;特別的是,適用于web項目
Javascript InfoVIS Toolkit
JavaScript InfoVis Toolkit提供創(chuàng)造網(wǎng)站上的Interactive Data Visualizations,這個資料庫擁有很多獨特的樣式以及動畫編輯效果,而且也是免費的。
Axiis
Axiis是開源資料視覺化架構,專為初學者以及專業(yè)開發(fā)者設計,Axiis讓開發(fā)者只要透過簡要而直觀的標記語言就可以來深入的定義資料視覺化,Axiis提供預建的視覺化內(nèi)容及抽象的版面配置模板,讓你能夠創(chuàng)造自己獨特的視覺化圖表
Protovis
Protovis是使用canvas元素的JavaScript視覺化工具包,用圖表的方法讓資料視覺化,透過基本的幾何圖如柱狀圖與點圖來組合客制化的資料瀏覽;這些幾何圖被稱作為marks,每個mark經(jīng)過編碼后成為視覺化資料,并透過動態(tài)性(例如顏色及位置)來呈現(xiàn)
HumbleFinance
HumbleFinance是一個HTML5資料視覺化工具,和Google Finance的Flash圖表很相似,利用Prototype和Flotr libraries;在通過函數(shù)來產(chǎn)生圖表前,需要設定三個參數(shù);可以手動地選擇一部分的資料,并放大該部分的資料,當你在處理大量的資料時這是個非常有用的功能
D3.js
D3是一個為了操作以資料為主的HTML文件,小而免費的JavaScript library;D3能夠幫助你快速的視覺化你的資料,不論是HTML或是SVG都可以
PS:如果你想成為一名優(yōu)秀的架構師，或者在工作中遇到瓶頸，想跳槽加薪，面試不過，
碰到難題等等一系列問題，可以加我的架構師群：554355695
這里有最專業(yè)的團隊為你排憂解難，有最新的學習資源為你共享。
Dipity
Dipity能夠建立免費的數(shù)位時間軸,在互動模式下還能分享/插入視覺化的時間軸到影音/圖片/文字/連結/社群媒體/時戳中
Kartograph
Kartograph 不需要任何地圖提供者像Google Maps用來建立互動式地圖,由兩個libraries組成,并將兩者結合到SVG和JavaScripts library,把SVG資料轉變成互動性地圖
TimeFlow
可視化時間分析工具,提供了以下不同的呈現(xiàn)方式:時間軸/日歷/柱狀圖/表格等
Paper.js
Paper.js是一個開源的使用HTML5 Canvas輸出的JS圖表庫,對于初學者來說它是很容易學習的,其中也有許多專業(yè)面向可以提供中階及高階使用者
Visualize Free
Visualize Free是一個建立在高階商業(yè)后臺集InetSoft開發(fā)的視覺化軟件免費的視覺分析工具;視覺化是一個很棒的方法,從多元變量資料篩選并看其趨勢,或是利用簡單地點及方法來切割資料或是小范圍的資料,如果你正在找一個方法來視覺化搜尋并呈現(xiàn)資料,而一般的office圖表軟件沒辦法處理,那Visualize Free會是一個很棒的選擇
