摘要： 如今同质化的应用越来越多,应用开发者也开始在用户体验上下功夫,比如数据可视化,将一大堆密密麻麻的数字转成图表形式,可以更直观地向用户展示数据之间的联系和变化情况,减少用户的阅读和思考时间,以便很好地做出决策；目前互联网中有很多数据可视化工具,这里只选择了30个有特色好用的推荐给大家
如今同质化的应用越来越多,应用开发者也开始在用户体验上下功夫,比如数据可视化,将一大堆密密麻麻的数字转成图表形式,可以更直观地向用户展示数据之间的联系和变化情况,减少用户的阅读和思考时间,以便很好地做出决策；目前互联网中有很多数据可视化工具,这里只选择了30个有特色好用的推荐给大家
iCharts
iCharts是一个在线的数据可视化工具,被广泛应用于商业/经济/体育等领域的报告中;为了拥有庞大的资料量,它提供以云端为基础和受专利保护的图表工具,让企业和个人都能透过网站把资料分享给数百万的人;iCharts免费版本提供了一些基本的交互式图表样式,如果更使用高级的样式,则需要购买高级版本
Fusion Charts Suit XT
Fusion Charts Suit XT是一个专业的JavaScript图表库,采用SVG(Scalable Vector Graphics,可缩放向量图形)可用来创建90多种类型的图表,包括2D和3D版本的图表;此外,他也重视工具间的互动性/提示框(tooltips)/向下延伸资料(drill down)/可点选的图例关键字(legend keys)/缩放及上下捲动,以及一次按键进行图表输出或列印
Modest Maps
一个地图js插件,大小只有10KB,兼容Firefox/Chrome/Opera/iOS/Android/IE7-9浏览器;这是一个小型的/免费/用于创建交互式地图的库
Pizza Pie Charts
这是一个基于Adobe Snap SVG框架的响应式的饼图,主要使用HTML和CSS来生成图表,专注于进行简单的整合,但你也可以使用JavaScript对象;更方便的是,可以传送饼图到任何有Pizza的装置,在传送后,饼图会自动变成合适的大小形式,当然也可以固定它最大的长宽
Raw
Raw是一个开源的数据可视化工具,基于流行的D3.js,支持多种图表类型,为弹性地视觉化资料并尽可能以最简单的方式进行;事实上它将自身定位为[弥补电子表格(spreadshit)应用程式和向量图表编辑之间的遗漏],支持各种不同的图表类型(例如树状图/气泡图(bubble chart))等,客户端安装Raw是非常直接的
Leaflet
Leaflet是一个开源的JavaScript库,用于创建对移动设备友好的交互式地图,只占31KB,拥有大部分开发商所需要线上地图的特色,Leaflet融合了简单/效能/实用性三者的设计;虽以html5及CSS3为优势,但仍能够兼容焦躁的浏览器
Chartkick
Chartkick是一个Ruby gem,可非常方便/快速地创建漂亮的图标,它整合了两大图表库:Highcharts和Google Charts,并能使用和这两个图库相同的功能来建立图表,支援多种图表类型以及单一图表含多样系列Chartkick还有一个JavaScript API,不依赖于Ruby
Ember Charts
这是个基于Ember.js和d3.js框架的图表库,包括时间序列/条形图/饼图/线型图/散点图等多种类型,且易于扩展和修改,从这些图表的元素可以看出在图表的互动性及呈现
Springy
Springy是一个使用JavaScirpt实现的以力导向的有向图布局算法,使用了真实世界中的一些物理原理,你可以随意拖动图表中的元素;Springy.js小且简单,提供一个抽象化图表操作以及计算版面配置;版面配置及互动都随个人喜好,这代表可以使用canvas/SVG/WebGL,甚至旧版的HTML要素
Bonsai
Bonsai是个开源的为建构图表和动画的JavaScript库,用于创建图形和动画,并配备了一个直观/功能丰富的API;支持建构简单的图形,如:长方形/圆形/椭圆等,有了特定的功能以及为了能客制化图形的路径函数,针对不同形状做颜色/梯度变化率以及漏斗型的筛选如灰阶/透明度等应用
Google Charts
谷歌的图表库工具,提供了非常多可使用的图表类型,功能强大,支持HTML5生成SVG图表,简单易用,而且免费;图表风格很多,其交互效果也很漂亮;对于专业视觉画的图表如地理图/动态压力图等,是十分好用的工具,另外包内建含动画和使用者互动控制的功能
jsDraw2DX
jsDraw2DX独立于JavaScript库,利用SVG产生任何形式的互动图,除了能产生任何基本的图形如线/长方形/多边形/圆形/椭圆/弧形等外,它也能画出曲线/任何度数的贝兹曲线(Beziers)/函数绘制图等
Cube
Cube也是开源系统,能视觉化时间序列资料,如果将Cube传送到时戳事件,你能在内部后台简单地建立集合矩阵的实境视觉化;举例来说,也许可以使用Cube来监控网站浏览量,计算每五分钟下载量
Gantti
Gantti是一个简单的PHP甘特图;这些图表单纯地涵盖了HTML5-CSS3,没有任何JavaScript
Smoothie Charts
Smoothie Charts是真的小型javascript地图表资料库,主要是为实际现场串流资料;虽然有很多图表资料库能让你动态地更新资料内容,但没有一个能真正地优化持续性的串流资料;Smoothie Charts目前只能在Chrome和Safari上运作;事实上,相较于其他视觉化形式的资料库(例如Flot),它比较不好用;但是,还是得强调,它真的非常擅长于展现串流资料
Envision.js
Envision.js是一个动态的HTML5可视化图表,用来简化创造快速又具有互动性的HTML5视觉化图像;它有两种不同的图表类型:财务型的时间序列资料以及专为开发者所用的API以建立客制化图表;它采用framework-agnostic模型以及依赖部分微型图表库
BirdEye
BirdEye属于一个群体专案,为了要提升设计和广泛的开源资料视觉化发展,并且为Adobe Flex建视觉分析图库,这个动作以叙述性的资料库为主,让使用者能够建立多元资料视觉化界面来分析以及呈现资讯
Arbor.js
Arbor.js是由jQuery建立的图表视觉化资料库,提供有效率,以力导向的版面配置演算法,抽象画图表组织以及筛选更新的处理;它不受限于你必须要用特定的方法来进行荧幕绘画，可以使用canvas/SVG，甚至HTML定位要素,能够依据你的专案来选定需要的东西;Arbor.js专注于图表资料以及它的特色,而非花一堆时间在数学运算来产出版面配置
Gephi
Gephi对于所有类型的网络及复杂的系统/动态性/阶层图等,都兼具互动性视觉化以及搜寻平台,同样也能筛选/清除不必要的资料
HighChartjs
Highcharts JS是单纯由JavaScript所写的图表资料库,提供简单的方法来增加互动性图表到网站或网站应用程式;目前它能支持线图/样条函数图(spline)/面积图/面积样条函数图(areaspline)/柱状图/长条图/圆饼图和散布图等;特别的是,适用于web项目
Javascript InfoVIS Toolkit
JavaScript InfoVis Toolkit提供创造网站上的Interactive Data Visualizations,这个资料库拥有很多独特的样式以及动画编辑效果,而且也是免费的。
Axiis
Axiis是开源资料视觉化架构,专为初学者以及专业开发者设计,Axiis让开发者只要透过简要而直观的标记语言就可以来深入的定义资料视觉化,Axiis提供预建的视觉化内容及抽象的版面配置模板,让你能够创造自己独特的视觉化图表
Protovis
Protovis是使用canvas元素的JavaScript视觉化工具包,用图表的方法让资料视觉化,透过基本的几何图如柱状图与点图来组合客制化的资料浏览;这些几何图被称作为marks,每个mark经过编码后成为视觉化资料,并透过动态性(例如颜色及位置)来呈现
HumbleFinance
HumbleFinance是一个HTML5资料视觉化工具,和Google Finance的Flash图表很相似,利用Prototype和Flotr libraries;在通过函数来产生图表前,需要设定三个参数;可以手动地选择一部分的资料,并放大该部分的资料,当你在处理大量的资料时这是个非常有用的功能
D3.js
D3是一个为了操作以资料为主的HTML文件,小而免费的JavaScript library;D3能够帮助你快速的视觉化你的资料,不论是HTML或是SVG都可以
PS:如果你想成为一名优秀的架构师，或者在工作中遇到瓶颈，想跳槽加薪，面试不过，
碰到难题等等一系列问题，可以加我的架构师群：554355695
这里有最专业的团队为你排忧解难，有最新的学习资源为你共享。
Dipity
Dipity能够建立免费的数位时间轴,在互动模式下还能分享/插入视觉化的时间轴到影音/图片/文字/连结/社群媒体/时戳中
Kartograph
Kartograph 不需要任何地图提供者像Google Maps用来建立互动式地图,由两个libraries组成,并将两者结合到SVG和JavaScripts library,把SVG资料转变成互动性地图
TimeFlow
可视化时间分析工具,提供了以下不同的呈现方式:时间轴/日历/柱状图/表格等
Paper.js
Paper.js是一个开源的使用HTML5 Canvas输出的JS图表库,对于初学者来说它是很容易学习的,其中也有许多专业面向可以提供中阶及高阶使用者
Visualize Free
Visualize Free是一个建立在高阶商业后台集InetSoft开发的视觉化软件免费的视觉分析工具;视觉化是一个很棒的方法,从多元变量资料筛选并看其趋势,或是利用简单地点及方法来切割资料或是小范围的资料,如果你正在找一个方法来视觉化搜寻并呈现资料,而一般的office图表软件没办法处理,那Visualize Free会是一个很棒的选择
