1. 程式人生 > >20個數據視覺化工具

20個數據視覺化工具


iCharts can have interactive elements, and you can pull in data from Google Docs

iCharts 提供了一個用於建立並呈現引人注目圖表的託管解決方案。有許多不同種類的圖表可供選擇,每種型別都完全可定製,以適合網站的顏色主題。iCharts 有互動元素,可以從 Google Doc、Excel 表單和其他來源中獲取資料。iCharts 的免費版只允許你用基本的圖表型別,如果基本圖表型別無法滿足需求,升級到付費使用者吧。

02. Flot


Create animated visualisations with this jQuery plugin

Flot 是一個用於 jQuery 的專業繪相簿,有很多便捷的特性,最關鍵的是,跨瀏覽器(包括 IE6 )。可把資料做成動畫,因為它是一個jQuery外掛,所以你完全可以控制動畫、演示和使用者互動的方方面面。


This handy JavaScript library offers a range of data visualisation options

Raphaë是一個能夠在網頁上建立和操作向量圖形的JavaScript 庫。它使用SVG&VML來建立圖形。因為每個生成的圖形都是一個DOM物件,所以可以通過JavaScript操作這些圖形。可千萬 Raphaël 官網檢視 Demo,


Integrate and develop interactive maps within your site with this cool tool

Modest Maps 是一個輕量級、簡單、免費的地圖工具( JS 庫 ),網頁設計師和開發人員可輕鬆地把它整合到網站中。


Use OpenStreetMap data and integrate data visualisation in an HTML5/CSS3 wrapper

另外一個地圖工具,支援 HTML5 和 CSS3 ,Leaflet 可以輕鬆使用 OpenStreetMap 的資料,並且完全把互動視覺化資料整合在一起。

Leaflet 的核心庫很小,但是有很多外掛能擴充套件其功能,比如:動態標記、masks 和熱圖,非常適用於需要顯示地理位置的專案。麻雀雖小,五臟俱全。

Timeline 是一個奇妙的小工具,坑繪製漂亮的互動式時間軸,使用者滾動滑鼠,時間軸會響應變化。點選時間軸上的元素,可顯示更多資訊。(MIT 開發)

Exhibit

和 Timeline 一樣,Exhibit 也是 MIT 開發的,完全開源。藉助 Exhibit ,使用者可輕鬆做出互動地圖,還有其他基於資料的視覺化內容,比如國旗,名人的出生地。

Wolfram Alpha

Wolfram Alpha 是由Wolfram Research公司推出的一款線上自動問答系統。Wolfram Alpha這一款自動問答系統的特色是可以直接向用戶返回答案,而不是像其它搜尋引擎一樣提供一系列可能含有使用者所需答案的相關網頁。

如果輸入公開資料,比如一個函式,可以生成函式曲線(見上圖)。另外,Wolfram Alpha 提供一個小掛件(Widget),可嵌入在你的網站上。

Visual.ly

Visual.ly 是一個結合 gallery 和 資訊圖的生成器。它有一個簡單的工具箱,用來展示資料資訊,它也是一個分享作品的平臺。這個網頁有製作過程示例。

Visualise Free

Visualize Free 是一個託管工具,它允許你使用公用資料,或上傳自己是資料,來做互動式的圖片,以展示資料。視覺化遠超過了簡單的圖表,並且這個工具完全免費,不過它是用 Flash 輸出結果,所以有些場景下用不了這個工具了。

Better World Flux

Orientated towards making positive change to the world, Better World Flux has some lovely visualisations of some pretty depressing data. It would be very useful, for example, if you were writing an article about world poverty, child undernourishment or access to clean water. This tool doesn’t allow you to upload your own data, but does offer a rich interactive output.

(這個工具,在其官網試了多次,都測試不成功……)

JQuery Visualise

jQuery Visualize 是一個開源的圖表外掛,使用 HTML Canvas 繪製多種不同型別的圖表。這個外掛有個重要的特性是支援 ARIA。

jQPlot

如果你已經在使用jQuery,不想為HighCharts付費,而且情況很簡單,不需要D3那樣複雜的庫,那麼jqPlot是很好的選擇。

Dipity

Dipity 可用來建立豐富的互動式時間線,並嵌入到網站中。有免費版和商用版。不多介紹,請訪問 Dipity 官網(提示:請自備梯子)實際檢視。

Many Eyes

Many Eyes是由IBM研究的視覺通訊實驗室(�0�2Visual Communication Lab)和IBM Cognos 軟體集團於2007年所建立的一個線上視覺化社群。通過這個社群,使用者可以建立視覺化作品,上傳資料集,對其他使用者所建立的視覺化進行評論,或者分享,並可以對視覺化作品加以評分。

Many Eyes允許使用者快速從公開可用或已上次的資料集中完成視覺化,並且有廣泛的分析特性,比如:掃描文字,分析關鍵詞的密度和飽和度。

《視訊:如何使用Many Eyes》

16. D3.js

D3.js

D3.js 是最流行的視覺化庫之一,它被很多其他的表格外掛所使用。它允許繫結任意資料到DOM,然後將資料驅動轉換應用到Document中。你可以使用它用一個數組建立基本的HMTL表格,或是利用它的流體過度和互動,用相似的資料建立驚人的SVG條形圖。 

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit 是一個在 Web 上建立可互動式的資料圖表 JS 庫,同樣包括了多種圖表型別,並有漂亮的動畫效果。雖然是免費工具,但建議有條件的童鞋捐贈作者。

JIT 的作者是 Nicolas Belmonte,目前是 Twitter 的 Data Visualization Scientist

如果需要在伺服器端生成圖表或圖片,jpGraph 提供了一個基於 PHP 的解決方案,只需從資料庫中取出相關資料,定義標題,圖表型別,剩下的事就交給 jpGraph 了。它很多種圖表型別(見上圖)。非商業使用是免費。

Highcharts 是一個用純JavaScript編寫的一個圖表庫。能夠很簡單便捷的在web網站或是web應用程式新增有互動性的圖表,並且免費提供給個人學習、個人網站和非商業用途使用,也有商業授權。目前HighCharts支援的圖表型別有曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表。

Google Chart Tools 給網站資料視覺化提供了一種完美方式。從簡單的線圖, Geo 圖、 gauges (測量儀),到複雜的樹圖,Google Chart Tools提供了大量設計優良的圖表工具。