Web 資料視覺化工具，這37種總有一款是你需要的
摘要：
d3
一個對 HTML 和 SVG 進行視覺化的 JavaScript 庫。
官網
c3
基於 D3 的可複用圖表庫。
官網
d3-cloud
建立詞雲（word cloud）效果的 JavaScr...
d3
- 一個對 HTML 和 SVG 進行視覺化的 JavaScript 庫。
- 官網
c3
- 基於 D3 的可複用圖表庫。
- 官網
d3-cloud
- 建立詞雲（word cloud）效果的 JavaScript 庫。
- 官網
d4
- 一個基於 D3 、友好、可複用的 DSL 圖表庫 。
- 官網
metrics-graphics
- 更簡潔和擁有更規範的資料圖表佈局優化演算法的庫。
- 官網
pykcharts.js
- 經過精心設計後，去除 d3.js 複雜性的 d3.js 圖表庫。
- 官網
three.js
- JavaScript 3D 庫。
- 官網
Chart.js
- 簡單的、基於 canvas 標籤的 HTML5 圖表庫。
- 官網
paper.js：
- 是向量圖形指令碼中的瑞士軍刀 —— 使用 HTML5 Canvas 將 Scriptographer 移植到 JavaScript
- 官網 和瀏覽器。
fabric.js
- JavaScript Canvas 庫，SVG 與 Canvas 可以相互解析。
- 官網
peity
- 進度條、線狀和餅狀圖。
- 官網
raphael
- JavaScript 向量庫。
- 官網
echarts：
- 商業產品圖表。
- 官網
vis：
- 動態的、基於瀏覽器的視覺化庫。
- 官網
two.js
- 一個渲染器無關的適用於 web 的二維繪圖 api 。
- 官網
g.raphael
- 基於 Raphaël 圖表庫。
- 官網
sigma.js
- 一個致力於圖形繪畫的 JavaScript 庫。
- 官網
arbor
- 一個使用 web workers 和 jQuery 的圖形視覺化庫。
- 官網
cubism
- 視覺化時間序列的 D3 外掛。
- 官網
dc.js
- 與 crossfilter 無縫合作的多維圖表繪製庫，使用 d3.js 渲染。
- 官網
vega
- 一套視覺化語法。
- 官網
processing.js
- Processing.js 基於 Web 標準使資料視覺化，而無需任何外掛。
- 官網
envisionjs
- 動態的 HTML5 視覺化。
- 官網
rickshaw
- 用於構建互動式實時圖表的 JavaScript 工具包。
- 官網
flot
- 吸引人的、基於 jQuery 的 JavaScript 圖表庫。
- 官網
morris.js
- 漂亮的時間序列線框圖。
- 官網
nvd3
- 一個為 D3.js 構建可複用圖表和圖表元件的庫。
- 官網
svg.js
- 一個輕量的、用於操作和新增 SVG 動畫的庫。
- 官網
heatmap.js
- 基於 HTML5 canvas 的熱力圖 JavaScript 庫。
- 官網
jquery.sparkline
- 一個直接在瀏覽器端生成小型走勢圖的 jQuery 外掛。
- 官網
xCharts
- 一個基於 D3、用於構建自定義圖表和圖形的庫。
- 官網
trianglify
- 基於 d3.js 的低多邊形（low poly）風格背景圖片生成器。
- 官網
dimple.js
- 基於 d3 的簡易商業分析圖表庫。
- 官網
chartist-js
- 簡單的響應式圖表。
- 官網
epoch
- 一個通用的實時圖表庫。
- 官網
BabylonJS
- 一個運用 HTML5 和 WebGL 構建 3D 遊戲的框架。
- 官網
jquery.raty.js
- 一個星級評分外掛。
- 官網
自己是從事了五年的前端工程師
這裡推薦一下我的前端學習交流群：731771211，裡面都是學習前端的從最基礎的HTML+CSS+JS【炫酷特效，遊戲，外掛封裝，設計模式】到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴。2019最新技術，與企業需求同步。好友都在裡面學習交流，每天都會有大牛定時講解前端技術!
點選： 加入