給開發者提供的35 款JavaScript 圖形圖表庫
圖表是資料圖形化的表示,也就是“通過形象的圖表來展示資料,比如條形圖,折線圖,餅圖”。幾乎每個開發或者專案管理團隊都需要圖表或者圖形來簡化 理解,視覺化複雜的資料和 web 應用工作流。視覺化圖表可以幫助開發者更容易理解複雜d資料,提高生產的效率和 web 應用和專案的可靠性。
JavaScript 圖表和圖形庫就是一個簡單建立圖表和圖形的工具。現在網際網路上有許多五花八門的 JavaScript 圖表和圖形庫,幫助開發者們更好的建立 web 應用的圖表和圖形。
在這篇文章中,我們羅列出排名前 35 的 JavaScript 圖表和圖形庫,適合各種從簡單圖表到複雜圖表的需求。大部分的 JavaScript 圖表和圖形庫都是免費而且開源的,希望大家能在下面的列表中找到適合自己需求的 JavaScript 圖表和圖形庫。Enjoy !!
1. Planetary.js
Planetary.js 是個令人稱奇的建立互動式 web 地球儀的 JavaScript 庫。它使用 D3 和 TopoJSON 來解析和渲染地理資訊。Planetary.js 使用基於外掛的架構,甚至預設自身就是個外掛!這使得 Planetary.js 非常靈活,而且它是允許使用者完全自定義,包括顏色,大小,rotation 等等。更重要的是,使用者可以在任意位置使用自定義的顏色和大小來顯示動畫“pings”;它還支援滑鼠拖動和縮放,100% 免費和開源。線上演示
2. Ember Charts
Ember Charts 是個圖表庫,使用 Ember.js 和 d3.js 框架構建的。它包括時間線,條形圖,餅圖和散點圖,非常容易擴充套件和修改。這些圖表元件都是開箱即用的,在圖表互動和演示方面應用的很好。
3. Chart.js
Chart.js 是個簡單的,物件導向的客戶端圖形庫,使用者可以用 6 中不同的方式來視覺化資料。每個方式都是動畫效果的,完全自定義,而且看起來非常好看,即使在 retina 顯示。它使用 HTML5 canvas 元素,支援所有現代瀏覽器,並且支援 IE7/8。
4. Aristochart
Aristochart 是個高度自定義,靈活的折線 canvas 圖表庫,允許使用者集中精力在圖表的審美方面,後臺工作做得非常好。Aristochart 有個持續進步的社群,提供許多不斷增長的主題給使用者選擇。
5. xCharts
xCharts 是一個使用 D3.js 來構建漂亮的可定製的資料驅動的 JavaScript 圖表庫,他使用HTML,CSS,SVG實現圖表,xCharts 被設計為一個動態的、流暢的、開放的和可定製化的庫。
6. BonsaiJS
BonsaiJS 是個輕量級的 JavaScript 圖形庫,提供直觀的圖形 API 和 SVG 渲染器。主要特性包括:架構分離的執行器和渲染器;iFrame,Worker 和 Node 執行上下文;形狀,路徑,Assets(音訊,影象,字型,subMovies),Keyframe 和常規動畫,等等。支援現代化瀏覽器: Safari, Chrome 和 Firefox。
7. Sigma.js
Sigma.js 是個免費開源的 JavaScript 圖形庫,使用 HTML5 canvas 元素。它的設計是特別為了在 web 介面分享互動式網路 Map 和動態展示網路資料庫。
8. Morris.js
Morris.js 是個輕量級的 JavaScript 庫,使用 jQuery 和 Rapha&enuml 來繪製時序圖。 Morris.js 生命週期是從程式碼驅動 howmanyleft.co.uk 圖表開始的。它支援的瀏覽器有: IE6+, Safari/Chrome/Firefox, iOS 3+ 和 Android 3+。它的公共 API 非常的小,只有一個函式: Morris.Line(選項),包括了許多配置選項。
9. Paper.js
Paper.js 是一個開源的向量圖形指令碼框架,基於 HTML5 Canvas 開發。提供清晰的場景圖、DOM和大量強大的功能用來建立各種向量圖和貝塞爾曲線。
10. AmCharts
AmCharts 是個高階圖表庫,適用於所有資料的視覺化。AmCharts 包括: Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges.
相關文章
- 給開發者提供的 35 款 JavaScript 圖形圖表庫JavaScript
- 幾款實用的 JavaScript 圖形圖表庫JavaScript
- 向 Web 開發人員推薦35款 JavaScript 圖形圖表庫WebJavaScript
- 前端開發者常用的9個JavaScript圖表庫前端JavaScript
- 13個JavaScript圖表(JS圖表)圖形繪製外掛JavaScriptJS
- 提供給開發者 10 款最好的 Python IDEPythonIDE
- 給 JavaScript 開發者的十款有用的工具JavaScript
- 11 個用來建立圖形和圖表的 JavaScript 工具包JavaScript
- PHP開發者超級適用的圖形處理庫PHP
- 提供給開發者的 20 款最棒的 jQuery Bootstrap 外掛jQueryboot
- 推薦12個最好的 JavaScript 圖形繪製庫JavaScript
- 最好的 3 個開源 JavaScript 圖表庫JavaScript
- 圖形、GDI + 和圖表(在網頁上嵌入動態圖形)網頁
- 提供給 Web 開發者的 8 款最佳的跨平臺編輯器Web
- xCharts:基於D3的JavaScript圖表庫JavaScript
- 21 個最棒最有用的 JavaScript 圖表庫JavaScript
- 用於展現圖表的50種JavaScript庫JavaScript
- 圖形圖表製作軟體:DataGraph for MacMac
- 4個頂級開源JavaScript圖表庫JavaScript
- JavaScript視覺化圖表庫MetricsGraphics.jsJavaScript視覺化JS
- ECharts:基於HTML5 Canvas的JavaScript圖表庫EchartsHTMLCanvasJavaScript
- 開發者不容錯過的12款開源JavaScript庫JavaScript
- 課時35:圖形使用者介面入門
- 帶你從0開發圖表庫系列-初具雛形
- JavaScript視覺化圖表庫D3.jsJavaScript視覺化JS
- 讓資料視覺化變得簡單 – JavaScript 圖形庫視覺化JavaScript
- 瞭解圖形資料庫資料庫
- jmeter學習指南之結果分析-圖形圖表JMeter
- JavaScript_圖片庫JavaScript
- Javascript圖片庫(1)JavaScript
- 圖表庫原始碼剖析 – Chart.js 最流行的 Canvas 圖表庫原始碼JSCanvas
- 圖表庫原始碼剖析 - Chart.js 最流行的 Canvas 圖表庫原始碼JSCanvas
- 純JavaScript圖表元件dhtmlxChartJavaScript元件HTML
- JavaScript 3D圖表JavaScript3D
- JavaScript圖片裁剪的無變形實現方法JavaScript
- 幾款流行的SQLite圖形使用者介面工具SQLite
- C++最好的圖形庫是什麼?C++
- 推薦一款漂亮的 Java 圖形驗證碼Java