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

1、Humble Finance

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

2、D3

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

3、Rickshaw

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

4、jqPlot

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

5、RGraph

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

6、dygraphs

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

7、CanvasXpress

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

8、gRaphael

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

9、Flotr2

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

10、Awesome Chart JS

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

via smashinghub

时间: 2024-08-03 02:08:45

10 个超赞的 JavaScript 图形图表绘制插件的相关文章

UglifyJS有个超赞的JavaScript解析器

我一直在为Jscex寻找好用的JavaScript解析器,之前我用的是Narcissus,也写过相关文章.不过可惜的是,Narcissus使用了SpiderMonkey的扩展,因此它并不是用ECMAScript 3实现的,无法在IE 8等浏览器中使用.目前Jscex使用的是NarrativeJS中旧版的Narcissus,但是我并不喜欢它输出的AST结构,使用中也发现高级功能里的一些bug,有些食之无味弃之可惜的感觉,而改写新版Narcissus又必须大动干戈.最近我接触到了UglifyJS,发

10个超赞的黑色系网站设计

  钟爱黑.白两色的设计师会希望自己的作品也跟它们一样够酷,但什么时候该用黑色,如何运用黑色却不是一个简单的事.最好的方法就是多模仿多欣赏啦,而且将低调沉稳的黑色运用在网页设计中,能够极强地抓住访客的视觉注意力,效果很棒. CampaignLabs Chris Davis DevArt Common Marketplace Tectonica Intercore Build Interactive Design Embraced Dataveyes LiveAreaLabs

超赞的jQuery幻灯插件 附下载

应朋友的邀请,帮他公司做jQuery缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度.假设当前正播放到第0张图片,则排列情况如下: 缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度.假设当前正播放到第0张图片,则排列情况如下: 0 1 4 2 3 按逆时针方向转一张图后的排列情况如下: 4 0 3 1 2 这个只是缩略图的播放效果,缩略图轮转时,后面有对应大图跟着从右到左滚进,并且大图进入的速度要对应着缩略图轮转,整体效果如下: 一个幻灯播放效果,效果如下

超赞的jQuery图片滑块动画特效代码汇总_jquery

在网站开发过程中,特别是前端开发这块,经常会使用到很多图片滑块动画,也就是一些基于jQuery和HTML5的焦点图插件.本文将为大家收集10个超赞的jQuery图片滑块动画,这些现成的jQuery插件将为你节省很多开发时间,而且效果都还不错,一起来欣赏一下吧. 1.jQuery+HTML5实现的超炫全屏焦点图效果源码 这次我们要来分享一款非常绚丽的jQuery焦点图插件,同时这款焦点图也利用了HTML5和CSS3的相关特性,使图片切换效果更加丰富多彩.另外,这款jQuery焦点图插件的特点是全屏

35款值得网站开发者收藏的JAVASCRIPT图形图表库

  图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等.可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和Web应用和项目的可靠性. 在这篇文章中,我们收集了35款值得网站开发者收藏的JavaScript图形图表库,适合各种图表需求.其中大部分都是免费而且开源的,希望大家能在下面的列表中找到适合自己需求的JavaScript图表和图形库. 1. JS Charts JS Charts 是个基于JavaScript的图表生成器,不需要任何编码.JS Char

推荐10 款 SVG 动画的 JavaScript 库

  这篇文章主要推荐了10 款 SVG 动画的 JavaScript 库,非常的实用,效果也非常棒,有需要的朋友可以参考下. SVG 通常可以用作跨分辨率视频.这意味着在一块高分屏幕上不会降低图片的锐度.此外,你甚至可以让SVG动起来,通过使用一些javascript类库.下面,我们分享一些javascript类库,这些类库会帮助我们将SVG动画提高一个等级. Vivus Vivus 是一个能动画js类库,它能够给SVG图像显示出被画出来的过程.Vivus是没有其他类库依赖的(比如jQuery)

美观又实用,10款强大的开源Javascript图表库

随着发展,现代 Web 设计在改善体验和功能的同时,对于美观的追求也越来越高,可视化.交互式.动态等元素和效果似乎已成为标配. 以下是为开发者推荐的 10 款开源 Javascript 图表库,可以帮助实现各种漂亮的功能.话不多说,直接开始吧! 1.ECharts ECharts 由百度前端技术部开发的,是一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11.Chrome.Firefox.Safari等),底层依赖轻量级的

VS2010几款超赞的扩展辅助工具总结

原文:VS2010几款超赞的扩展辅助工具总结 前言   前两天刚把公司电脑系统和开发环境的重新安装http://www.cnblogs.com/aehyok/p/3603149.html,主要是由于公司电脑配置稍微低了一些,运行.调试太慢,又因为要做新的项目了,想让自己的开发效率稍微高点,所以重新重新安装.虽然VS2010IDE功能已经非常强大了,但是在有些地方还是可以优化,或者说有更合适的插件可以让我们用着更舒服.更方便.更快捷,本着提高开发效率的目的,于是搜罗了一下适合自己平时使用的辅助工具

jQuery超赞的评分插件(8款)_jquery

本文跟大家分享了8款jQuery评分插件,相信总有一款是适合你的哦 抓紧先上图给大家挑选一下 ------------------------------------------效果查看      源码下载------------------------------------------ 小编挺喜欢第一款的,亲,你呐? 为大家再分享实现8款jQuery评分插件代码,抓紧试试吧 <head> <meta charset="gb2312"> <meta ht