推薦18個基於HTML5 Canvas 開發的圖表庫

lhb25發表於2014-04-16

  如今,HTML5 可謂如眾星捧月一般,受到許多業內巨頭的青睞。很多Web開發者也嘗試著用 HTML 5 來製作各種各樣的富 Web 應用。HTML 5 規範引進了很多新特性,其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通過 JavaScript 繪製圖形的方法,非常強大。今天,本文收集了一些非常好的基於 HTML 5 Canvas 的圖表方案推薦給大家。

  1. Visualize

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  Visualize通過Javascript從結構化的HTML表格獲取資料並藉助HTML5 Canvas把資料轉換為視覺化的圖表。

  2. rGraph

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  rGraph是一個基於HTML5 canvas的圖表庫。藉助HTML5的特性可以生成各種型別的圖表,例如餅圖、條形圖、圓環圖、甘特圖、雷達圖等。

  3. iGrapher

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  iGrapher是一個免費的基於Web的,分析和預測股票、貨幣和商品的市場走勢的視覺化工具。

  4. Function Plotter

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  由Ed Mackey開發的函式圖形繪製工具,使用Canvas繪製二維數學函式圖形。

  5. Building HTML5 Canvas Bar Graph

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  使用HTML5 Canvas元素和Javascript繪製條形圖。

  6. HTML5 Graph Slider

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  一個動態圖形檢視器,可通過JavaScript接收資料並即時更新到圖表中。

  7. Graph.tk

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  Graph.tk是一個開源的圖形工具,可以以不同的風格呈現函式曲線。

  8. Ticker Plot

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  Ticker plot也是一個開源專案,使用股票符號繪製走勢圖。

  9. HumbleFinance

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  類似於Google的Flash財經圖表工具,HumbleFinance是一個基於HTML5 canvas的圖表專案。

  10. Charting HTML5

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  一個HTML5 canvas實驗專案,看看它用於呈現圖表的特性。

  11. Graphr

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  Graphr是一個使用JavaScript編寫的計算器,由Richard Ye開發。

  12. Snazzy Animated Pie Chart with HTML5 and jQuery

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  基於HTML5特性開發的餅圖工具,擁有漂亮的動畫效果。

  13. AwesomeJS

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  AwesomeChartJS是一個簡單的Javascript庫,可用於建立基於HTML 5 Canvas元素的圖表。

  14. jsGraph

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  jsGraph是一個輕量的javascript庫,用於結合HTML5呈現圖表。

  15. Facebook Privacy

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  基於Prototype開發的視覺化資料圖表。

  16. ASK KEN

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  ASK KEN™是一個序列的節點連線圖,可以讓你通過視覺化導航連結到Freebase服務提供的主題。

  17. CanvasXpress

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  CanvasXpress是另外一個結合HTML5特性開發的跨瀏覽器圖表庫,相容主流瀏覽器。

  18. ZingChart

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

  如果前面那些開源和免費的圖表方案都滿足不了你的專案,可以試試ZingChart,這是首個可以以Flash和HTML5 Canvas兩種方案呈現圖表的圖表庫。

相關文章