交互式图表是Web应用中不可或缺的一部分,一个优秀的图表,不仅可以令数据一目了然,而且可以极大地增强应用的用户体验。
本文带来10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。
1. Cubism.js
一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。
源码 / 演示
2. RGraph
一个HTML5 JavaScript图表库,支持20多种不同类型的图表。
源码 / 演示
3. Cytoscape Web
一个开源的图形可视化库,基于jQuery编写。
源码 / 演示
4. sigma.js
一个开源的轻量级JavaScript库,使用HTML canvas元素来绘制图形。
源码 / 演示
5. Morris.js
一个小巧的、效果漂亮的JavaScript库,用于可视化时间序列数据。
源码 / 演示
6. Timeplot
基于DHTML的AJAX部件,用于绘制时间序列,并在上面叠加基于时间的事件。
源码 + 演示
7. Dracula
一套用于显示和设计交互式图表的工具,包含了各种不同的算法。无需Flash、Java和其他插件。
源码 + 演示
8. gRaphael
一个开源的JavaScript图表库,基于Raphael(拉斐尔)JavaScript库。
源码 + 演示
9. gvChart
一个jQuery插件,使用谷歌的Charts API以及HTML <table>标记中的数据,来创建交互式、可视化的图表。
源码 / 演示
10. jQuery Highcharts Table
该插件可以将HTML表格中的数据自动转换成图表。
源码 + 演示
英文原文: 10 Cool jQuery Graph and Chart Plugins
本文带来10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。
1. Cubism.js
一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。
![](http://dl.iteye.com/upload/attachment/0068/9235/3ef24aec-fa90-38c5-b13f-a74de7c603db.jpg)
源码 / 演示
2. RGraph
一个HTML5 JavaScript图表库,支持20多种不同类型的图表。
![](http://dl.iteye.com/upload/attachment/0068/9233/14fe87ba-dac6-3888-8067-2eaf2641345d.jpg)
源码 / 演示
3. Cytoscape Web
一个开源的图形可视化库,基于jQuery编写。
![](http://dl.iteye.com/upload/attachment/0068/9237/8ecd5dba-ff19-3e81-b997-f08afb98b2cb.jpg)
源码 / 演示
4. sigma.js
一个开源的轻量级JavaScript库,使用HTML canvas元素来绘制图形。
![](http://dl.iteye.com/upload/attachment/0068/9239/28e446da-1d37-3ad9-b4dc-7b59731155af.jpg)
源码 / 演示
5. Morris.js
一个小巧的、效果漂亮的JavaScript库,用于可视化时间序列数据。
![](http://dl.iteye.com/upload/attachment/0068/9241/7ad339bb-4603-3a9b-b8da-68e1b5e50745.jpg)
源码 / 演示
6. Timeplot
基于DHTML的AJAX部件,用于绘制时间序列,并在上面叠加基于时间的事件。
![](http://dl.iteye.com/upload/attachment/0068/9243/631f2ec1-7515-3fa2-a722-297d19341ba0.jpg)
源码 + 演示
7. Dracula
一套用于显示和设计交互式图表的工具,包含了各种不同的算法。无需Flash、Java和其他插件。
![](http://dl.iteye.com/upload/attachment/0068/9245/e55cf8cd-bbd4-3b29-bc86-5e907efb22e0.jpg)
源码 + 演示
8. gRaphael
一个开源的JavaScript图表库,基于Raphael(拉斐尔)JavaScript库。
![](http://dl.iteye.com/upload/attachment/0068/9247/098e4bfa-db78-39c7-91c9-00fdfcb434c8.jpg)
源码 + 演示
9. gvChart
一个jQuery插件,使用谷歌的Charts API以及HTML <table>标记中的数据,来创建交互式、可视化的图表。
![](http://dl.iteye.com/upload/attachment/0068/9249/6010516d-3f5d-386b-9d48-78c43688b021.jpg)
源码 / 演示
10. jQuery Highcharts Table
该插件可以将HTML表格中的数据自动转换成图表。
![](http://dl.iteye.com/upload/attachment/0068/9251/1bc5bee3-322f-36aa-a67f-916dc24f6cc6.jpg)
源码 + 演示
英文原文: 10 Cool jQuery Graph and Chart Plugins