18款基于 HTML5 Canvas 开发的图表库
HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。
HTML 5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。
1. Visualize
Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5 Canvas把数据转换为可视化的图表。
2. rGraph
rGraph是一个基于HTML5 canvas的图表库。借助HTML5的特性可以生成各种类型的图表,例如饼图、条形图、圆环图、甘特图、雷达图等。
3. iGrapher
iGrapher是一个免费的基于Web的,分析和预测股票、货币和商品的市场走势的可视化工具。
4. Function Plotter
由Ed Mackey开发的函数图形绘制工具,使用Canvas绘制二维数学函数图形。
官网: http://www.snappymaria.com/canvas/FunctionPlotter.html
5. Building HTML5 Canvas Bar Graph
使用HTML5 Canvas元素和Javascript绘制条形图。
6. HTML5 Graph Slider
一个动态图形查看器,可通过JavaScript接收数据并即时更新到图表中。
官网: http://www.anxioussilence.co.uk/blog/2010/04/27/html-5-graph-slider
7. Graph.tk
Graph.tk是一个开源的图形工具,可以以不同的风格呈现函数曲线。
官网: http://graph.tk
8. Ticker Plot
Ticker plot也是一个开源项目,使用股票符号绘制走势图。
9. HumbleFinance
类似于Google的Flash财经图表工具,HumbleFinance是一个基于HTML5 canvas的图表项目。
官网: http://www.humblesoftware.com/finance/index
10. Charting HTML5
一个HTML5 canvas实验项目,看看它用于呈现图表的特性。
官网: http://datamining.typepad.com/data_mining/2010/03/charting-html5.html
11. Graphr
Graphr是一个使用JavaScript编写的计算器,由Richard Ye开发。
12. Snazzy Animated Pie Chart with HTML5 and jQuery
基于HTML5特性开发的饼图工具,拥有漂亮的动画效果。
13. AwesomeJS
AwesomeChartJS是一个简单的Javascript库,可用于创建基于HTML 5 Canvas元素的图表。
官网: http://cyberpython.github.io/AwesomeChartJS
14. jsGraph
jsGraph是一个轻量的javascript库,用于结合HTML5呈现图表。
15. Facebook Privacy
基于Prototype开发的可视化数据图表。
官网: http://mattmckeon.com/facebook-privacy
16. ASK KEN
ASK KEN™是一个序列的节点连接图,可以让你通过可视化导航链接到Freebase服务提供的主题。
官网: http://askken.herokuapp.com
17. CanvasXpress
CanvasXpress是另外一个结合HTML5特性开发的跨浏览器图表库,兼容主流浏览器。
18. ZingChart
如果前面那些开源和免费的图表方案都满足不了你的项目,可以试试ZingChart,这是首个可以以Flash和HTML5 Canvas两种方案呈现图表的图表库。
参考推荐:
HTML5 Canvas Graphing Solutions Every Web Developers Must Know (英文原文)
版权所有: 本文系米扑博客原创、转载、摘录,或修订后发表,最后更新于 2015-03-26 02:23:50
侵权处理: 本个人博客,不盈利,若侵犯了您的作品权,请联系博主删除,莫恶意,索钱财,感谢!