Big Data 的重要性與日俱增，許多企業(yè)的資料庫(kù)內(nèi)都收集了非常多消費(fèi)者資料，但要將這一筆筆冷僻又繁雜的數(shù)字與名目資料轉(zhuǎn)化為有價(jià)值、為企業(yè)帶來(lái)效益的策略擬定參 考，需要倚賴資料科學(xué)家的腦袋與適當(dāng)?shù)慕y(tǒng)計(jì)軟體，再把結(jié)果圖表化，讓一般企業(yè)、大眾都看的懂，也就是「看圖說(shuō)故事」與「數(shù)字會(huì)說(shuō)話」兩者的結(jié)合。

iCharts?是能夠連接市場(chǎng)研究出版者、經(jīng)濟(jì)及產(chǎn)業(yè)面的資料和專業(yè)的消費(fèi)者的平臺(tái)，擁有數(shù)以萬(wàn)計(jì)的圖表，涵蓋層面包刮商業(yè)、經(jīng)濟(jì)、運(yùn)動(dòng)和其他類別，它讓大眾能夠簡(jiǎn)單的了解并能夠跟上世界最新統(tǒng)計(jì)資料的腳步。

為了擁有龐大的資料量，它提供以云端為基礎(chǔ)和受專利保護(hù)的圖表工具，讓企業(yè)和個(gè)人都能推出品牌、 行銷以及用圖表分享他們的資料，透過(guò)網(wǎng)站分享給數(shù)百萬(wàn)的人。很棒的是，iChart 提供免費(fèi)帳戶給使用者，讓你能夠使用基本的互動(dòng)是圖表，當(dāng)你花錢購(gòu)買更進(jìn)階的版本，你就能使用更多不同的功能；圖表本身是具有互動(dòng)性的，因此可以從 Google Docs、Excel spreadsheet 和其他來(lái)源擷取。

2. Fusion Charts Suit XT

Fusion Charts Suit XT?是一個(gè)專業(yè)的、進(jìn)階版的 JavaScript chart library，讓我們能夠建出任何形式的圖表。

採(cǎi)用 SVG（Scalable Vector Graphics，可縮放向量圖形）和支持超過(guò) 90 種以上的圖表類型，包括 3D、甘特圖（gantt）、各種不同的壓力表圖（gauges chart）、漏斗圖（funnel chart），甚至世界 / 各州 / 個(gè)國(guó)家的地圖。同樣地，大部分的圖表包含 2D 及 3D 的視圖，圖表是完全可客制化的，標(biāo)籤、字體、邊界等等全部都是可以依使用者作改變。

除此之外，他們也重視工具間的互動(dòng)性，提示框（tooltips）、向下延伸資料（drill down）、可點(diǎn)選的圖例關(guān)鍵字（legend keys）、縮放及上下捲動(dòng)，以及一次按鍵進(jìn)行圖表輸出或列印。

3. Modest Maps

Modest Maps?是一個(gè)小而可延伸、給想要使用互動(dòng)式地圖的設(shè)計(jì)師和開(kāi)發(fā)者的免費(fèi)的圖書(shū)館，提供核心設(shè)定在緊密、清楚的套件特色，擁有許多額外的功能。

4. Pizza Pie Chart

Pizza Pie Chart?是建立在來(lái)自 Adobe 的 Snap SVG 結(jié)構(gòu)基礎(chǔ)上的圓餅圖（pie chart），透過(guò) HTML 和 CSS 而非 JavaScript 物件，專注于進(jìn)行簡(jiǎn)單的整合，但你仍可以透過(guò) JavaScript 物件連結(jié)到 Pizza。

更方便的是，你可以傳送餅圖到任何有 Pizza 的裝置，在傳送后，餅圖會(huì)自動(dòng)變成合適的大小形式，當(dāng)然也可以固定它最大的長(zhǎng)寬。

5. Raw

Raw?是免費(fèi)且開(kāi)源的網(wǎng)站應(yīng)用程式，為彈性地視覺(jué)化資料并盡可能以最簡(jiǎn)單的方式進(jìn)行。

事實(shí)上它將自身定位為「彌補(bǔ)電子表格（spreadshit）應(yīng)用程式和向量圖表編輯之間的遺 漏」，藉由下載資料設(shè)定、復(fù)制貼上或是拖曳資料，讓我們能夠客制化瀏覽或分層。以受觀迎的 D3,js 為基礎(chǔ)，支援各種不同的圖表類型像是樹(shù)狀圖、氣泡圖（bubble chart）等等，客戶端安裝 Raw 是非常直接的。

6. Leaflet

Leaflet?是現(xiàn)代化開(kāi)源的 JavaScript library，是為了手機(jī)優(yōu)化的良好互動(dòng)地圖。

容量只占 JavaScript 的 31KB，擁有所有大部分開(kāi)發(fā)商所需要線上地圖的特色，Leaflet 融合了簡(jiǎn)單、效能及實(shí)用性三者的設(shè)計(jì)，有效率的跨桌上型及行動(dòng)手機(jī)平臺(tái)高效能地運(yùn)作，雖以 HYML5 及 CSS3 為優(yōu)勢(shì)，但仍能夠讓版本較早的瀏覽器進(jìn)行瀏覽動(dòng)作。

7. Chartkick

Chartkick?是 Ruby gem（同樣也是 JavaScript API－由 JavaScript 語(yǔ)言編寫(xiě)的應(yīng)用程式埠）為了能簡(jiǎn)單又快速地創(chuàng)造出好看的圖表。整合了兩大圖表庫(kù)：Highcharts 以及 Google Charts，并能夠使用和這兩個(gè)圖庫(kù)相同的功能來(lái)建立圖表，支援多種圖表類型以及單一圖表含多樣系列，同樣地，像是剛剛所提到地 Chartkick.js，不需要 Ruby 也能夠帶給用戶端相同的功能。

8. Ember Charts

Ember Charts?是由 Ember.js 和 D3.js 架構(gòu)所建立地圖表庫(kù)，它包含時(shí)間序列、長(zhǎng)條圖、元餅圖以及散布圖，容易修改并做延伸。這些圖表的元素可以看出在圖表互動(dòng)性及呈現(xiàn)上，完整地實(shí)踐了他們的想法。

9. Springy

Springy?是 一個(gè)以力導(dǎo)向的圖表版面配置演算法，也就是說(shuō)，彈性地使用真實(shí)世界的物理來(lái)嘗試并理解如何呈現(xiàn)一個(gè)好看的網(wǎng)絡(luò)型圖表，Springy.js 設(shè)計(jì)的小且且簡(jiǎn)單，它提供一個(gè)抽象化圖表操作以及計(jì)算版面配置，畫(huà)版面配置以及互動(dòng)都是隨個(gè)人喜好，這代表說(shuō)，你可以使用 canvas、SVG、WebGL 甚至是舊版的 HTML 要素。

10. Bonsai

?

Bonsai?是 一個(gè)為了建構(gòu)圖表以及動(dòng)畫(huà)的開(kāi)源 JavaScript liabrary，由這個(gè)圖庫(kù)提出使用 SVG 以及功能充足的 API 得出的結(jié)果，支援建構(gòu)簡(jiǎn)單的圖形如長(zhǎng)方形、圓形或橢圓等，有了特定的功能以及為了能客制化圖形的路徑函數(shù)，針對(duì)不同形狀做顏色、梯度變化率以及漏斗型的篩 選如灰階、透明度等應(yīng)用。

11. Google Charts

Google Charts?提供了非常棒的方式能在網(wǎng)站上視覺(jué)化資料，從一條簡(jiǎn)單的線圖到很復(fù)雜的階層型樹(shù)狀圖，圖庫(kù)藝?yán)忍峁┝朔浅６嗫墒褂玫膱D表類型，對(duì)于專業(yè)視覺(jué)畫(huà)的圖表如地理圖、動(dòng)態(tài)壓力圖等，是十分好用的工具；另外包內(nèi)建含動(dòng)畫(huà)和使用者互動(dòng)控制的功能。

12. jsDraw2DX

jsDraw2DX?是一個(gè)獨(dú)立于 JavaScript liabrary、為利用 SVG 產(chǎn)生任何形式的互動(dòng)圖，除了有能夠產(chǎn)生任何基本的圖形如線、長(zhǎng)方形、多邊形、圓形、橢圓、弧形等等之外，它也能畫(huà)出曲線、任何度數(shù)的貝茲曲線（Beziers）、函數(shù)繪制圖等等。

13. Cube

Cube?同樣也是開(kāi)源系統(tǒng)，能視覺(jué)化時(shí)間序列資料，建立在 MongoDB、Node 以及 D3。如果你將 Cube 傳送到時(shí)戳事件，你能在內(nèi)部后臺(tái)簡(jiǎn)單地建立集合矩陣的實(shí)境視覺(jué)化。舉例來(lái)說(shuō)，你也許可以使用 Cube 來(lái)監(jiān)控網(wǎng)站瀏覽量、計(jì)算每五分鐘下載量。

14. Gantti

Gantti?是 一個(gè)為了快速地產(chǎn)生 Gantt 圖表的開(kāi)源 PHP 類別，這些圖表單純地涵蓋了 HTML5-CSS3，而沒(méi)有任何 JavaScript。預(yù)設(shè)的圖表結(jié)果看起來(lái)就已經(jīng)很有親和力了，但也能很簡(jiǎn)單地客制化，它運(yùn)作只單純地透過(guò)定義開(kāi)始入口以及結(jié)束時(shí)間、要求單一函數(shù)指 令；同樣地，這些圖表能夠跨瀏覽器。

15. Smoothie Charts

Smoothie Charts?是 真的小型地圖表資料庫(kù)，主要是為了實(shí)際現(xiàn)場(chǎng)串流資料。雖然有很多圖表資料庫(kù)能讓你動(dòng)態(tài)地更新資料內(nèi)容，但沒(méi)有一個(gè)能真正地優(yōu)化持續(xù)性的串流資料。 Smoothie Charts 目前只能在 Chrome 和 Safari 上運(yùn)作，事實(shí)上，相較于其他視覺(jué)化形式的資料庫(kù)像是 Flot，它比較不好用；但是，還是得強(qiáng)調(diào)，它真的非常擅長(zhǎng)于展現(xiàn)串流資料。

16. Envision.js

Envision.js?是 一個(gè) JavaScript liabrary，用來(lái)簡(jiǎn)化創(chuàng)造快速又具有互動(dòng)性的 HTML5 視覺(jué)化圖像。它有兩種不同的圖表類型：財(cái)務(wù)型的時(shí)間序列資料以及專為開(kāi)發(fā)者所用的 API 以建立客制化圖表。它採(cǎi)用 framework-agnostic 模型以及依賴部分微型圖表庫(kù)。

17. BirdEye

BirdEye?是 Declarative Visual Analytics，它屬于一個(gè)群體專案，為了要提升設(shè)計(jì)和廣泛的開(kāi)源資料視覺(jué)化發(fā)展，并且為 Adobe Flex 建視覺(jué)分析圖庫(kù)，這個(gè)動(dòng)作以敘述性的資料庫(kù)為主，讓使用者能夠建立多元資料視覺(jué)化介面來(lái)分析以及呈現(xiàn)資訊。

18. Arbor.js

Arbor.js?是由網(wǎng)頁(yè)工程師以及 jQuery 所建立的圖表視覺(jué)化資料庫(kù)，提供有效率、以力導(dǎo)向的版面配置演算法，抽象畫(huà)圖表組織以及篩選更新的處理。

它不受限于你必須要用特定的方法來(lái)進(jìn)行螢?zāi)焕L畫(huà)，可以使用 canvas、SVG 甚至是 HTML 定位要素，能夠依據(jù)你的專案來(lái)選定你需要的東西。Arbor.js 幫助你專注于圖表資料以及它的特色，而非要花一堆時(shí)間在數(shù)學(xué)運(yùn)算來(lái)產(chǎn)出版面配置。

19. Gephi

Gephi?對(duì)于所有類型的網(wǎng)絡(luò)及復(fù)雜的系統(tǒng)、動(dòng)態(tài)性和階層圖等，都兼具互動(dòng)性視覺(jué)化以及搜尋平臺(tái)。以圖表為基礎(chǔ)的視覺(jué)化者以及資料搜尋者，不只能夠應(yīng)付大量的資料集，還能創(chuàng)出美麗的圖表，同樣也能讓你篩選、清除不必要的資料。

20. HighChartjs

Highcharts JS?是 單純由 JavaScript 所寫(xiě)的圖表資料庫(kù)，提供簡(jiǎn)單的方法來(lái)增加互動(dòng)性圖表道你的網(wǎng)站或是網(wǎng)站應(yīng)用程式。目前它能支援線圖、樣條函數(shù)圖（spline）、面積圖、面積樣條函數(shù)圖 （areaspline）、柱狀圖、長(zhǎng)條圖、圓餅圖和散布圖等等。特別的是，它能夠在現(xiàn)代瀏覽器像是 iPhone 和版本 6 的 IE 等運(yùn)作，不需要特別的程式設(shè)計(jì)技術(shù)，就能設(shè)定 Highcharts 組態(tài)。

21. Javascript InfoVIS Toolkit

JavaScript InfoVis Toolkit?提供創(chuàng)造網(wǎng)站上的 Interactive Data Visualizations，這個(gè)資料庫(kù)擁有很多獨(dú)特的樣式以及動(dòng)畫(huà)編輯效果，而且也是免費(fèi)的。

22. Axiis

Axiis?是開(kāi)源資料視覺(jué)化架構(gòu)，專為初學(xué)者以及專業(yè)開(kāi)發(fā)者設(shè)計(jì)，Axiis 給予開(kāi)發(fā)者有辦法來(lái)深入的定義資料視覺(jué)化，只要透過(guò)簡(jiǎn)要而直觀的標(biāo)籤語(yǔ)言。Axiis 提供預(yù)建的視覺(jué)化內(nèi)容以及抽象的版面配置模板，以及讓你能夠創(chuàng)造自己獨(dú)特的視覺(jué)化圖表。

23. Protovis

Protovis?是 使用 canvas 元素的 JavaScript 視覺(jué)化工具包，利用圖表的方法讓資料視覺(jué)化，透過(guò)基本的幾何圖如柱狀圖與點(diǎn)圖，來(lái)組合客制化的資料瀏覽。這些幾何圖被稱作為 marks，每個(gè) mark 經(jīng)過(guò)編碼后成一筆視覺(jué)化資料，并且透過(guò)動(dòng)態(tài)性，像是顏色及位置來(lái)呈現(xiàn)，當(dāng)然你可以有趣地來(lái)結(jié)合它們來(lái)變得更豐富、又具互動(dòng)性的視覺(jué)資料。

24. HumbleFinance

HumbleFinance?是 一個(gè) HTML5 資料視覺(jué)化工具，和 Google Finance 的 Flash 圖表很相似，利用 Prototype 和 Flotr libraries，不受限只有呈現(xiàn)財(cái)務(wù)資料，任兩個(gè)分享在橫軸的 2D 的資料都能夠可以。資料必須儲(chǔ)存在 JavaScript 變數(shù)，以及在跑函數(shù)來(lái)產(chǎn)生圖表前，需要設(shè)定三個(gè)參數(shù)?？梢允謩?dòng)地選擇一部分的資料，并放大該部分的資料，這是一個(gè)非常有用的功能當(dāng)你在處理大量的資料時(shí)。

25. D3.js

D3?是一個(gè)為了操作以資料為主的 HTML 文件，小而免費(fèi)的 JavaScript library。D3 能夠幫助你快速的視覺(jué)化你的資料，不論是 HTML 或是 SVG 都可以，并且可以進(jìn)行互動(dòng)性、合併流暢的轉(zhuǎn)換以及階段性動(dòng)態(tài)到你的頁(yè)面上。

D3 不是傳統(tǒng)的視覺(jué)化架構(gòu)。D3 只解決問(wèn)題的癥結(jié)點(diǎn)：有效率的操作資料文件，這反而給予 D3 特別的彈性，能夠在 CSS3、HTML5 以及 SVG 上功能都很完整。

26. Dipity

Dipity?讓你能夠建立免費(fèi)的數(shù)位時(shí)間軸，不只建立，在互動(dòng)模式下還能分享、插入，視覺(jué)化的時(shí)間軸能夠整合到影音、圖片、文字、連結(jié)、社群媒體、時(shí)戳以及位置中。

27. Kartograph

Kartograph?不 需要任何地圖提供者像 Google Maps，用來(lái)建立互動(dòng)式地圖，由兩個(gè) libraries 組成：從空間數(shù)據(jù)開(kāi)放格式，利用向量投影的 Python library 以及 Post GIS，并將兩者結(jié)合到 SVG 和 JavaScripts library，并把這些 SVG 資料轉(zhuǎn)變成互動(dòng)性地圖。

28. TimeFlow

TimeFlow Analytical Timeline?是為了暫時(shí)性資料的視覺(jué)化工具，現(xiàn)在有 alpha 版本因此有機(jī)會(huì)可以發(fā)現(xiàn)差錯(cuò)，提供了以下不同的呈現(xiàn)方式：時(shí)間軸、日歷、柱狀圖、表格等。

29. Paper.js

Paper.js?是一個(gè)開(kāi)源向量圖表敘述架構(gòu)，能夠在 HTML5 Canvas 運(yùn)作，對(duì)于初學(xué)者來(lái)說(shuō)它是很容易學(xué)習(xí)的，其中也有許多專業(yè)面向可以提供中階及高階使用者。

30. Visualize Free

Visualize Free?是 一個(gè)建立在高階商業(yè)后臺(tái)集游 InetSoft 開(kāi)發(fā)的視覺(jué)化軟體免費(fèi)的視覺(jué)分析工具，視覺(jué)化是一個(gè)很棒的方法，從多元變量資料篩選并看其趨勢(shì)，或是利用簡(jiǎn)單地點(diǎn)及方法來(lái)切割資料或是小范圍的資料，如果 你正在找一個(gè)方法來(lái)視覺(jué)化搜尋并呈現(xiàn)資料，而一般的 office 圖表軟體沒(méi)辦法處理，那 Visualize Free 會(huì)是一個(gè)很棒的選擇。

原文來(lái)自：科技橘報(bào) ? FastCompany