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

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

1. Visualize

Visualize通過Javascript從結構化的HTML表格獲取數據并借助HTML5 Canvas把數據轉換為可視化的圖表。

2. rGraph

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

3. iGrapher

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

4. Function Plotter

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

5. Building HTML5 Canvas Bar Graph

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

6. HTML5 Graph Slider

一個動態圖形查看器，可通過JavaScript接收數據并即時更新到圖表中。

7. Graph.tk

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

8. Ticker Plot

Ticker plot也是一個開源項目，使用股票符號繪制走勢圖。

9. HumbleFinance

類似于Google的Flash財經圖表工具，HumbleFinance是一個基于HTML5 canvas的圖表項目。

10. Charting HTML5

一個HTML5 canvas實驗項目，看看它用于呈現圖表的特性。

11. Graphr

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

12. Snazzy Animated Pie Chart with HTML5 and jQuery

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

13. AwesomeJS

AwesomeChartJS是一個簡單的Javascript庫，可用于創建基于HTML 5 Canvas元素的圖表。

14. jsGraph

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

15. 非死book Privacy

基于Prototype開發的可視化數據圖表。

16. ASK KEN

ASK KEN?是一個序列的節點連接圖，可以讓你通過可視化導航鏈接到Freebase服務提供的主題。

17. CanvasXpress

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

18. ZingChart

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

來自：http://www.cnblogs.com/lhb25/archive/2011/04/12/html5-canvas-graphing-solutions.html