推薦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. Facebook Privacy
基於Prototype開發的視覺化資料圖表。
16. ASK KEN
ASK KEN™是一個序列的節點連線圖,可以讓你通過視覺化導航連結到Freebase服務提供的主題。
17. CanvasXpress
CanvasXpress是另外一個結合HTML5特性開發的跨瀏覽器圖表庫,相容主流瀏覽器。
18. ZingChart
如果前面那些開源和免費的圖表方案都滿足不了你的專案,可以試試ZingChart,這是首個可以以Flash和HTML5 Canvas兩種方案呈現圖表的圖表庫。
相關文章
- ECharts:基於HTML5 Canvas的JavaScript圖表庫EchartsHTMLCanvasJavaScript
- 基於HTML5 Canvas的3D動態Chart圖表HTMLCanvas3D
- 9款基於HTML5/SVG/Canvas的折線圖表應用HTMLSVGCanvas
- 基於 HTML5 Canvas 的元素週期表展示HTMLCanvas
- 向 Web 開發人員推薦35款 JavaScript 圖形圖表庫WebJavaScript
- 基於 HTML5 Canvas 的元素週期表的展示HTMLCanvas
- 7個華麗的基於Canvas的HTML5動畫CanvasHTML動畫
- 8 個基於 Lucene 的開源搜尋引擎推薦
- 推薦兩個好用的開源庫(圖片和UDP)UDP
- Java常用的開發庫推薦Java
- 推薦一個基於laravel免費開源CMSLaravel
- 基於springboot的圖書個性化推薦系統Spring Boot
- 10 個 jQuery 圖表外掛推薦jQuery
- 基於 HTML5 Canvas 的 3D 熱力雲圖效果HTMLCanvas3D
- 基於 Canvas 的 HTML5 互動式地鐵線路圖CanvasHTML
- 基於 HTML5 Canvas 的 3D 模型貼圖問題HTMLCanvas3D模型
- 基於 Canvas 的 HTML5 文字動畫特效CanvasHTML動畫特效
- golang開發類庫推薦Golang
- HTML5規範塵埃落定,5個開發工具推薦HTML
- 基於canvas實現的高效能、跨平臺的股票圖表庫--clchartCanvas
- 基於 HTML5 Canvas 電信網路拓撲圖的快速搭建HTMLCanvas
- 基於 HTML5 Canvas 繪製的電信網路拓撲圖HTMLCanvas
- HTML5來了:推薦5個好用的混合式App開發工具HTMLAPP
- 基於 canvas 實現的一個截圖小 demoCanvas
- 基於物件特徵的推薦物件特徵
- 推薦10款非常優秀的HTML5開發工具HTML
- 基於canvas生成圖片Canvas
- 利用html5 canvas 畫圖的一個例子HTMLCanvas
- 推薦一個基於.Net Framework開發的Windows右鍵選單管理工具FrameworkWindows
- 推薦12個最好的 JavaScript 圖形繪製庫JavaScript
- 基於 HTML5 Canvas 的樓宇自控系統HTMLCanvas
- 基於 HTML5 Canvas 實現的文字動畫特效HTMLCanvas動畫特效
- 如何為「紐約時報」開發基於內容的推薦系統
- 推薦一個好用的.net開發框架框架
- HTML5 進階系列:canvas 動態圖表HTMLCanvas
- 趕在2018年前推薦30個最火爆開源庫
- 五星好評!基於uniapp開發的開源專案推薦APP
- 使用jQueryMobile與HTML5開發WebApp推薦文章jQueryHTMLWebAPP