10 个超赞的 JavaScript 图形图表绘制插件

标签: javascript 图形 图表 | 发表时间:2014-01-14 01:51 | 作者:frank1998819
出处:http://www.iteye.com

1、 Humble Finance

Humble Finance

Humble Finance是一个与Flash工具相似的HMTL5数据可视化工具。该工具完全由JavaScript开发,使用Prototype与Flotr库

2、 D3

D3是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HMTL表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图。

D3

3、 Rickshaw

Rickshaw 是一个用于绘制时序图的简单 jS 库,基于 Mike Bostock’s delightful D3 库构建

Rickshaw

4、 jqPlot

jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。

jqPlot

5、 RGraph

RGraph是基于HTML5 canvas标签的HTML5 canvas图形库。

RGraph

6、 dygraphs

dygraphs 是一个开源的Javascript库,它可以产生一个可交互式的,可缩放的的曲线表。其可以用来显示大密度的数据集(比如股票,气温,等等),并且可以让 用户来浏览和解释这个曲线图。在它的主页,你可以看到一些示例和用法。

dygraphs

7、 CanvasXpress

CanvasXpress是一个基于HTML5 canvas标签实现的JavaScript图表类库,它能够支持线性图、柱形图、饼图和热点图等多种常见的图表类型。它所生成的图表交互性很强,鼠标放 上去时会动态显示值。除此之外,它也具有相当高的可定制性,可设置图表的文字、颜色和要显示/隐藏的元素等。

canvasXpress

8、 gRaphael

gRaphael 能够为你的网站创建漂亮的表格,它基于Raphael图形库,它的演示Demo中有各种静态与交互的表格展示。它支持Firefox 3.0+, Safari 3.0+, Opera 9.5+ and IE 6.0+.

gRaphael

9、 Flotr2

Flotr2 是一个用于绘制 HTML5 图形和图表的开源 JS 库,是 flotr 的分支,但移除了 Prototype 的依赖以及其他方面很多改进。

Flotr2

10、 Awesome Chart JS

Awesome Chart JS 是一个Javascript生成图表的类库,它利用了 HTML5 的 canvas 标签来创建统计图表。此类库就是为了减轻开发者的工作量,使用它只需书写几行代码便能生成漂亮的图表。

Awesome Chart JS

via smashinghub

相关链接

想通过手机客户端(支持 Android、iPhone 和 Windows Phone)访问开源中国: 请点这里

本站文章除注明转载外,均为本站原创或编译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区
转载请注明:文章转载自: 开源中国社区 [ http://www.oschina.net]
本文标题:10 个超赞的 JavaScript 图形图表绘制插件
本文地址: http://www.oschina.net/news/26702/awesome-javascript-plugins


已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [javascript 图形 图表] 推荐:

13个JavaScript图表图形绘制插件

- - HTML5研究小组
由于绘制矢量图的不同技术愈发成熟以及现代浏览器所具备的更强大的计算能力等原因,目前网上出现了越来越多免费 的JavaScript图表和图形绘制解决方案. 在本文中就将分享13个优秀实用的JavaScript图表和图形绘制插件,它们少数是独立的框架,大多 数支持条图、线图、饼图等基本图形,很多甚至支持更加复杂的图形,希望对你有所帮助.

10 个超赞的 JavaScript 图形图表绘制插件

- - 开源软件 - ITeye博客
Humble Finance是一个与Flash工具相似的HMTL5数据可视化工具. 该工具完全由JavaScript开发,使用Prototype与Flotr库. D3是最流行的可视化库之一,它被很多其他的表格插件所使用. 它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中. 你可以使用它用一个数组创建基本的HMTL表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图.

JavaScript 3D图表

- - 四火的唠叨
文章系本人原创,转载请保持完整性并注明出自 《四火的唠叨》. 在说3D图表以前,首先要明确两个概念,一个是数据的维度,一个是呈现数据载体的维度. 对于数据的维度,一维的数据呈现,但是呈现的载体是二维的平面图,比如饼图:. 已经能够很清晰地观察到数据的分布情况. 数据如果增加一个维度,变成二维,呈现载体依然是二维的平面图:.

Flotr2 - 我最喜欢的 Javascript 图形库

- - 译言-电脑/网络/数码科技
原文地址: Flotr2 - my favorite javascript graph library. 我研究了很久,得到的终极数据可视化方案是 javascript + html ,这是唯一像样又好用的. Gnuplot 虽然看上去不错,但是不太漂亮. 一些基于 Python 的图形化工具也有同样的问题.

ECharts 2.0.1 发布,JavaScript 图表库

- - 开源中国社区最新新闻
ECharts 2.0.1 发布,此版本是 bug 修复版本,更新内容如下:. [#] [gauge]min max非默认值时计算错误. [#] [map]图例开关无数据时图表没更新. [#] [map]选择切换图表类型时错误. [#] [markLine]过渡更新错误fix. [#] 无option时resize报错.

用JavaScript玩转计算机图形学(二)基本光源

- vento - 博客园-Milo的游戏开发
作者: Milo Yip 发表于 2010-04-02 20:44 原文链接 阅读: 8544 评论: 41. 上一篇介绍了简单的光线追踪,凑合了临时用的光源去渲染效果. 这次将讲解三种基本光源,及一些背景理论. 过分简化的教材和现成API(OpenGL/Direct3D等)可能会做成一些错误理解.

Javascript框架和jQuery应用情况的信息图表(Infographic)

- Will - ITeye资讯频道
我们总是想知道时下最流行的一些JavaScript框架和由于这些框架所开发的Web应用程序的比较情况. 下面就是一张体现这些比较数据的信息图表. 它包括了jQuery、Mootools、Prototype、YUI、Dojo、Extjs等这些框架的被使用情况. 从信息图表中你可以看出,比较有意思的一点就是1.3.2版本的jQuery是目前最流行的版本.

用于展现图表的50种JavaScript库

- - 月光博客
  在很多项目中都会有在前端展现数据图表的需求,而在开发过程中,开发者往往会使用一些JavaScript库,从而更有效地达到想要的目标. 最近, TechSlide上的一篇文章总结了50种用于展现图表的JavaScript库,并对每种库做了简要的说明. 这对于想要选择合适JavaScript库的开发者很有参考意义.

用JavaScript玩转计算机图形学(一)光线追踪入门

- Sirius - 博客园-Milo的游戏开发
作者: Milo Yip 发表于 2010-03-29 00:05 原文链接 阅读: 14443 评论: 79. 记得小时候读过一本关于计算机图形学(computer graphics, CG)的入门书,从此就爱上了CG. 本系列希望,采用很多人认识的JavaScript语言去分享CG,令更多人有机会接触,并爱上CG.

Javascript诞生记

- Milido - 阮一峰的网络日志
二周前,我谈了一点Javascript的历史. 今天把这部分补全,从历史的角度,说明Javascript到底是如何设计出来的. 只有了解这段历史,才能明白Javascript为什么是现在的样子. 我依据的资料,主要是Brendan Eich的自述. "1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.