30款數據可視化的圖表工具

1. iCharts

iCharts是可以鏈接市場研究出版者、經濟及產業面的資料和專業的消費者的平臺，擁有數以萬計的圖表，涵蓋層面包刮商業、經濟、運動和其餘類別，它讓大衆可以簡單的瞭解並可以跟上世界最新統計資料的腳步。

爲了擁有龐大的資料量，它提供以雲端爲基礎和受專利保護的圖表工具，讓企業和我的都能推出品牌、行銷以及用圖表分享他們的資料，透過網站分享給數百萬的人。很棒的是，iChart 提供免費賬戶給使用者，讓你可以使用基本的互動是圖表，當你花錢購買更進階的版本，你就能使用更多不一樣的功能；圖表自己是具備互動性的，所以能夠從 Google Docs、Excel spreadsheet 和其餘來源擷取。

2. Fusion Charts Suit XT

FusionCharts XT是一個專業的、進階版的 JavaScript chart library，讓咱們可以建出任何形式的圖表。

採用 SVG（Scalable Vector Graphics，可縮放向量圖形）和支持超過 90 種以上的圖表類型，包括 3D、甘特圖（gantt）、各類不一樣的壓力錶圖（gauges chart）、漏斗圖（funnel chart），甚至世界 / 各州 / 個國家的地圖。一樣地，大部分的圖表包含 2D 及 3D 的視圖，圖表是徹底可客製化的，標籤、字體、邊界等等所有都是能夠依使用者做改變。

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

3. Modest Maps

Modest Maps  是一個小而可延伸、給想要使用互動式地圖的設計師和開發者的免費的圖書館，提供核心設定在緊密、清楚的套件特點，擁有許多額外的功能。

4. Pizza Pie Chart

Pizza Pie Chart  是創建在來自 Adobe 的 Snap SVG 結構基礎上的圓餅圖（pie chart），透過 HTML 和 CSS 而非 JavaScript 物件，專一於進行簡單的整合，但你仍能夠透過 JavaScript 物件連結到 Pizza。

更方便的是，你能夠傳送餅圖到任何有 Pizza 的裝置，在傳送後，餅圖會自動變成合適的大小形式，固然也能夠固定它最大的長寬。

5. Raw

Raw  是免費且開源的網站應用程式，爲彈性地視覺化資料並儘量以最簡單的方式進行。

事實上它將自身定位爲「彌補電子表格（spreadshit）應用程式和向量圖表編輯之間的遺漏」，藉由下載資料設定、複製貼上或是拖曳資料，讓咱們可以客製化瀏覽或分層。以受觀迎的 D3,js 爲基礎，支援各類不一樣的圖表類型像是樹狀圖、氣泡圖（bubble chart）等等，客戶端安裝 Raw 是很是直接的。

6. Leaflet

Leaflet  是現代化開源的 JavaScript library，是爲了手機優化的良好互動地圖。

容量只佔 JavaScript 的 31KB，擁有全部大部分開發商所須要線上地圖的特點，Leaflet 融合了簡單、效能及實用性三者的設計，有效率的跨桌上型及行動手機平臺高效能地運做，雖以 HYML5 及 CSS3 爲優點，但仍可以讓版本較早的瀏覽器進行瀏覽動做。

7. Chartkick

Chartkick  是 Ruby gem（一樣也是 JavaScript API－由 JavaScript 語言編寫的應用程式埠）爲了能簡單又快速地創造出好看的圖表。整合了兩大圖表庫：Highcharts 以及 Google Charts，並可以使用和這兩個圖庫相同的功能來創建圖表，支援多種圖表類型以及單一圖表含多樣系列，一樣地，像是剛剛所提到地 Chartkick.js，不須要 Ruby 也可以帶給用戶端相同的功能。

8. Ember Charts

Ember Charts  是由 Ember.js 和 D3.js 架構所創建地圖表庫，它包含時間序列、長條圖、元餅圖以及散佈圖，容易修改並作延伸。這些圖表的元素能夠看出在圖表互動性及呈現上，完整地實踐了他們的想法。

9. Springy

Springy  是一個以力導向的圖表版面配置演算法，也就是說，彈性地使用真實世界的物理來嘗試並理解如何呈現一個好看的網絡型圖表，Springy.js 設計的小且且簡單，它提供一個抽象化圖表操做以及計算版面配置，畫版面配置以及互動都是隨我的喜愛，這表明說，你可使用 canvas、SVG、WebGL 甚至是舊版的 HTML 要素。

10. Bonsai

Bonsai  是一個爲了建構圖表以及動畫的開源 JavaScript liabrary，由這個圖庫提出使用 SVG 以及功能充足的 API 得出的結果，支援建構簡單的圖形如長方形、圓形或橢圓等，有了特定的功能以及爲了能客製化圖形的路徑函數，針對不一樣形狀作顏色、梯度變化率以及漏斗型的篩選如灰階、透明度等應用。

11. Google Charts

Google Charts  提供了很是棒的方式能在網站上視覺化資料，從一條簡單的線圖到很複雜的階層型樹狀圖，圖庫藝廊提供了很是多可以使用的圖表類型，對於專業視覺畫的圖表如地理圖、動態壓力圖等，是十分好用的工具；另外包內建含動畫和使用者互動控制的功能。

12. jsDraw2DX

jsDraw2DX  是一個獨立於 JavaScript liabrary、爲利用 SVG 產生任何形式的互動圖，除了有可以產生任何基本的圖形如線、長方形、多邊形、圓形、橢圓、弧形等等以外，它也能畫出曲線、任何度數的貝茲曲線（Beziers）、函數繪製圖等等。

13. Cube

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

14. Gantti

Gantti是一個爲了快速地產生 Gantt 圖表的開源 PHP 類別，這些圖表單純地涵蓋了 HTML5-CSS3，而沒有任何 JavaScript。預設的圖表結果看起來就已經頗有親和力了，但也能很簡單地客製化，它運做只單純地透過定義開始入口以及結束時間、要求單一函數指令；一樣地，這些圖表可以跨瀏覽器。

15. Smoothie Charts

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

16. Envision.js

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

17. BirdEye

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

18. Arbor.js

Arbor.js  是由網頁工程師以及 jQuery 所創建的圖表視覺化資料庫，提供有效率、以力導向的版面配置演算法，抽象畫圖表組織以及篩選更新的處理。

它不受限於你必需要用特定的方法來進行螢幕繪畫，可使用 canvas、SVG 甚至是 HTML 定位要素，可以依據你的專案來選定你須要的東西。Arbor.js 幫助你專一於圖表資料以及它的特點，而非要花一堆時間在數學運算來產出版面配置。

19. Gephi

Gephi  對於全部類型的網絡及複雜的系統、動態性和階層圖等，都兼具互動性視覺化以及搜尋平臺。以圖表爲基礎的視覺化者以及資料搜尋者，不僅可以應付大量的資料集，還能創出美麗的圖表，一樣也能讓你篩選、清除沒必要要的資料。

20. HighChartjs

Highcharts JS  是單純由 JavaScript 所寫的圖表資料庫，提供簡單的方法來增長互動性圖表道你的網站或是網站應用程式。目前它能支援線圖、樣條函數圖（spline）、面積圖、面積樣條函數圖（areaspline）、柱狀圖、長條圖、圓餅圖和散佈圖等等。特別的是，它可以在現代瀏覽器像是 iPhone 和版本 6 的 IE 等運做，不須要特別的程式設計技術，就能設定 Highcharts 組態。

21. Javascript InfoVIS Toolkit

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

22. Axiis

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

23. Protovis

Protovis  是使用 canvas 元素的 JavaScript 視覺化工具包，利用圖表的方法讓資料視覺化，透過基本的幾何圖如柱狀圖與點圖，來組合客製化的資料瀏覽。這些幾何圖被稱做爲 marks，每一個 mark 通過編碼後成一筆視覺化資料，而且透過動態性，像是顏色及位置來呈現，固然你能夠有趣地來結合它們來變得更豐富、又具互動性的視覺資料。

24. HumbleFinance

HumbleFinance  是一個 HTML5 資料視覺化工具，和 Google Finance 的 Flash 圖表很類似，利用 Prototype 和 Flotr libraries，不受限只有呈現財務資料，任兩個分享在橫軸的 2D 的資料都可以能夠。資料必須儲存在 JavaScript 變數，以及在跑函數來產生圖表前，須要設定三個參數。能夠手動地選擇一部分的資料，並放大該部分的資料，這是一個很是有用的功能當你在處理大量的資料時。

25. D3.js

D3  是一個爲了操做以資料爲主的 HTML 文件，小而免費的 JavaScript library。D3 可以幫助你快速的視覺化你的資料，不管是 HTML 或是 SVG 均可以，而且能夠進行互動性、合併流暢的轉換以及階段性動態到你的頁面上。

D3 不是傳統的視覺化架構。D3 只解決問題的癥結點：有效率的操做資料文件，這反而給予 D3 特別的彈性，可以在 CSS三、HTML5 以及 SVG 上功能都很完整。

26. Dipity

Dipity  讓你可以創建免費的數位時間軸，不僅創建，在互動模式下還能分享、插入，視覺化的時間軸可以整合到影音、圖片、文字、連結、社羣媒體、時戳以及位置中。

27. Kartograph

Kartograph  不須要任何地圖提供者像 Google Maps，用來創建互動式地圖，由兩個 libraries 組成：從空間數據開放格式，利用向量投影的 Python library 以及 Post GIS，並將二者結合到 SVG 和 JavaScripts library，並把這些 SVG 資料轉變成互動性地圖。

28. TimeFlow

TimeFlow Analytical Timeline  是爲了暫時性資料的視覺化工具，如今有 alpha 版本所以有機會能夠發現差錯，提供瞭如下不一樣的呈現方式：時間軸、日曆、柱狀圖、表格等。

29. Paper.js

Paper.js  是一個開源向量圖表敘述架構，可以在 HTML5 Canvas 運做，對於初學者來講它是很容易學習的，其中也有許多專業面向能夠提供中階及高階使用者。

30. Visualize Free

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