[JS]36个卓越的可视化数据工具(图表库)

如果将数据直接以文字形式展示,这样用户阅读起来是非常困难的,所以如果我们使用可视化形式来展示数据,这就会更清晰易懂。这里由smashingapps整理了36个卓越的可视化数据工具,有地图图表、有柱状图表、饼状、散点等等,是一个不错的list收集。

下面来看看这些可视化数据图表工具,或许会对你的项目带来帮助。

Ember Charts

这个图表库需要依赖Ember.js 和 d3.js,多个图表样式,柱状、饼状、散点图。

[JS]36个卓越的可视化数据工具(图表库)_第1张图片
进入网站

Modest Maps

一个地图js插件,大小只有10KB,兼容Firefox, Chrome, Opera, iOS, Android, 和IE7-9浏览器。

[JS]36个卓越的可视化数据工具(图表库)_第2张图片
进入网站

Flot Charts

折线类图表,使用纯JavaScript绘制的jQeruy库,重点是使用简单,外观友好。

[JS]36个卓越的可视化数据工具(图表库)_第3张图片
进入网站

Leaflet

Leaflet 是一个开源的地图JS库,交互上比较友好。

[JS]36个卓越的可视化数据工具(图表库)_第4张图片
进入网站

Raphael

Raphael 是一个小型的JavaScript库,图表有很多个样式,使用方法简单。

[JS]36个卓越的可视化数据工具(图表库)_第5张图片
进入网站

Pizza Pie Charts

比萨饼图,其实就是饼状图表,效果不错。

[JS]36个卓越的可视化数据工具(图表库)_第6张图片
进入网站

Chartkick

美丽的曲线风格图表,当然还有饼状。

[JS]36个卓越的可视化数据工具(图表库)_第7张图片
进入网站

Cube

[JS]36个卓越的可视化数据工具(图表库)_第8张图片
进入网站

Better World Flux

[JS]36个卓越的可视化数据工具(图表库)_第9张图片
进入网站

Polymaps

地图类js库。

[JS]36个卓越的可视化数据工具(图表库)_第10张图片
进入网站

Google Charts

谷歌的图表库工具,功能强大,支持HTML5生成SVG图表,简单易用,而且免费。图表风格很多,其交互效果也很漂亮,值得使用。

[JS]36个卓越的可视化数据工具(图表库)_第11张图片
进入网站

jQplot

jQeruy图表库。

[JS]36个卓越的可视化数据工具(图表库)_第12张图片
进入网站

Gantti

Gantti是一个简单的PHP甘特图。

[JS]36个卓越的可视化数据工具(图表库)_第13张图片
进入网站

Smoothie Charts

一个Javascript数据图表库。

[JS]36个卓越的可视化数据工具(图表库)_第14张图片
进入网站

Envision

Envision.js 是一个动态的HTML5可视化图表。

[JS]36个卓越的可视化数据工具(图表库)_第15张图片
进入网站

Arborjs

Arborjs是一个可视化jQuery图形库。

[JS]36个卓越的可视化数据工具(图表库)_第16张图片
进入网站

Manyeyes

[JS]36个卓越的可视化数据工具(图表库)_第17张图片
进入网站

D3js

[JS]36个卓越的可视化数据工具(图表库)_第18张图片
进入网站

Gephi

[JS]36个卓越的可视化数据工具(图表库)_第19张图片
进入网站

Highcharts

Javascript交互图表,适合用于web项目。

[JS]36个卓越的可视化数据工具(图表库)_第20张图片
进入网站

JavaScript InfoVis Toolkit

[JS]36个卓越的可视化数据工具(图表库)_第21张图片
进入网站

jpGraph

JpGraph 使用PHP >= 5.1 编写的数据图表。

[JS]36个卓越的可视化数据工具(图表库)_第22张图片
进入网站

Timeline

时间轴图表。

[JS]36个卓越的可视化数据工具(图表库)_第23张图片
进入网站

Wolfram Alpha

[JS]36个卓越的可视化数据工具(图表库)_第24张图片
进入网站

Cross Filter

Crossfilter 这个图表在浏览器中响应速度极快(<30毫秒)

[JS]36个卓越的可视化数据工具(图表库)_第25张图片
进入网站

Open Layers

地图类插件

[JS]36个卓越的可视化数据工具(图表库)_第26张图片
进入网站

Fusion Charts

[JS]36个卓越的可视化数据工具(图表库)_第27张图片
进入网站

Raw

[JS]36个卓越的可视化数据工具(图表库)_第28张图片
进入网站

Springy

[JS]36个卓越的可视化数据工具(图表库)_第29张图片
进入网站

Bonsaijs

一个轻量级的图形库,可渲染出直观的SVG图形。

[JS]36个卓越的可视化数据工具(图表库)_第30张图片
进入网站

Humble Finance

HumbleFinance 是一个HTML5数据可化图表插件,交互效果良好。

[JS]36个卓越的可视化数据工具(图表库)_第31张图片
进入网站

Protovis

[JS]36个卓越的可视化数据工具(图表库)_第32张图片
进入网站

Axiis

Axiis 是一个开源的可视化数据框架,提供给初学者和专业开发人员使用。


进入网站

TimeFlow

TimeFlow 是一个可视化时间分析工具。

[JS]36个卓越的可视化数据工具(图表库)_第33张图片
进入网站

Paper.js

一个使用HTML5 Canvas输出的JS图表库

[JS]36个卓越的可视化数据工具(图表库)_第34张图片
进入网站

整理自: smashingapps

Copyright ©2010-2014 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
交流:UI设计交流群:59300679,与500名设计师交流设计,分享素材。

你可能感兴趣的:(jquery,优秀设计资源)