給開發者提供的35 款JavaScript 圖形圖表庫

oschina發表於2014-02-24

  圖表是資料圖形化的表示,也就是“通過形象的圖表來展示資料,比如條形圖,折線圖,餅圖”。幾乎每個開發或者專案管理團隊都需要圖表或者圖形來簡化 理解,視覺化複雜的資料和 web 應用工作流。視覺化圖表可以幫助開發者更容易理解複雜d資料,提高生產的效率和 web 應用和專案的可靠性。

  JavaScript 圖表和圖形庫就是一個簡單建立圖表和圖形的工具。現在網際網路上有許多五花八門的 JavaScript 圖表和圖形庫,幫助開發者們更好的建立 web 應用的圖表和圖形。

  在這篇文章中,我們羅列出排名前 35 的 JavaScript 圖表和圖形庫,適合各種從簡單圖表到複雜圖表的需求。大部分的 JavaScript 圖表和圖形庫都是免費而且開源的,希望大家能在下面的列表中找到適合自己需求的 JavaScript 圖表和圖形庫。Enjoy !!

  1. Planetary.js

planetaryjs

  Planetary.js 是個令人稱奇的建立互動式 web 地球儀的 JavaScript 庫。它使用 D3 和 TopoJSON 來解析和渲染地理資訊。Planetary.js 使用基於外掛的架構,甚至預設自身就是個外掛!這使得 Planetary.js 非常靈活,而且它是允許使用者完全自定義,包括顏色,大小,rotation 等等。更重要的是,使用者可以在任意位置使用自定義的顏色和大小來顯示動畫“pings”;它還支援滑鼠拖動和縮放,100% 免費和開源。線上演示

  2. Ember Charts

ember-charts

  Ember Charts 是個圖表庫,使用 Ember.js 和 d3.js 框架構建的。它包括時間線,條形圖,餅圖和散點圖,非常容易擴充套件和修改。這些圖表元件都是開箱即用的,在圖表互動和演示方面應用的很好。

  3. Chart.js

chartjs

  Chart.js 是個簡單的,物件導向的客戶端圖形庫,使用者可以用 6 中不同的方式來視覺化資料。每個方式都是動畫效果的,完全自定義,而且看起來非常好看,即使在 retina 顯示。它使用 HTML5 canvas 元素,支援所有現代瀏覽器,並且支援  IE7/8。

  4. Aristochart

aristochart

  Aristochart 是個高度自定義,靈活的折線 canvas 圖表庫,允許使用者集中精力在圖表的審美方面,後臺工作做得非常好。Aristochart 有個持續進步的社群,提供許多不斷增長的主題給使用者選擇。

  5. xCharts

  xCharts 是一個使用 D3.js 來構建漂亮的可定製的資料驅動的 JavaScript 圖表庫,他使用HTML,CSS,SVG實現圖表,xCharts 被設計為一個動態的、流暢的、開放的和可定製化的庫。

  6. BonsaiJS

graphic-library

  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.

相關文章