18款基于HTML5Canvas开发的图表库 |
您所在的位置:网站首页 › canvas绘制图表 › 18款基于HTML5Canvas开发的图表库 |
HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。 HTML 5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。
1. Visualize Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5 Canvas把数据转换为可视化的图表。
官网: http://visualizing.org
2. rGraph rGraph是一个基于HTML5 canvas的图表库。借助HTML5的特性可以生成各种类型的图表,例如饼图、条形图、圆环图、甘特图、雷达图等。
官网: http://www.rgraph.net
3. iGrapher iGrapher是一个免费的基于Web的,分析和预测股票、货币和商品的市场走势的可视化工具。
官网: http://igrapher.com
4. Function Plotter 由Ed Mackey开发的函数图形绘制工具,使用Canvas绘制二维数学函数图形。
官网: http://www.snappymaria.com/canvas/FunctionPlotter.html
5. Building HTML5 Canvas Bar Graph 使用HTML5 Canvas元素和Javascript绘制条形图。
官网: http://www.chartjs.org
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也是一个开源项目,使用股票符号绘制走势图。
官网: http://tickerplot.com
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开发。
官网: http://www.graphr.org
12. Snazzy Animated Pie Chart with HTML5 and jQuery 基于HTML5特性开发的饼图工具,拥有漂亮的动画效果。
官网: http://www.graphr.org
13. AwesomeJS AwesomeChartJS是一个简单的Javascript库,可用于创建基于HTML 5 Canvas元素的图表。
官网: http://cyberpython.github.io/AwesomeChartJS
14. jsGraph jsGraph是一个轻量的javascript库,用于结合HTML5呈现图表。
官网: http://www.js-graph.com
15. Facebook Privacy 基于Prototype开发的可视化数据图表。
官网: http://mattmckeon.com/facebook-privacy
16. ASK KEN ASK KEN™是一个序列的节点连接图,可以让你通过可视化导航链接到Freebase服务提供的主题。
官网: http://askken.herokuapp.com
17. CanvasXpress CanvasXpress是另外一个结合HTML5特性开发的跨浏览器图表库,兼容主流浏览器。
官网: http://canvasxpress.org
18. ZingChart 如果前面那些开源和免费的图表方案都满足不了你的项目,可以试试ZingChart,这是首个可以以Flash和HTML5 Canvas两种方案呈现图表的图表库。
官网: http://www.zingchart.com
参考推荐: 推荐18个基于 HTML5 Canvas 开发的图表库 HTML5 Canvas Graphing Solutions Every Web Developers Must Know (英文原文)
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |