taoCMS是基于php+sqlite/mysql的国内最小(100Kb左右)的功能完善、开源免费的CMS管理系统

推荐18个基于 HTML5 Canvas 开发的图表库

2011-11-11

如今,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

类别:技术文章 | 阅读:273603 | 评论:0 | 标签:html5 canvas

想收藏或者和大家分享这篇好文章→

“推荐18个基于 HTML5 Canvas 开发的图表库”共有0条留言

发表评论

姓名:

邮箱:

网址:

验证码:

公告

taoCMS发布taoCMS 3.0.2(最后更新21年03月15日),请大家速速升级,欢迎大家试用和提出您宝贵的意见建议。

捐助与联系

☟请使用新浪微博联系我☟

☟在github上follow我☟

精选优质技术文章

随机日记

最近评论

标签云

文章分类

友情链接