数据可视化的常见展现形式

时间 : 14-02-25 评论 : 0 点击 : 1,649 次

本文主要介绍数据可视化常见的展现形式,以及一些用于实现数据可视化的绘图控件,另外附上一些数据可视化经典案例和数据可视化社区资源。

数据可视化中常用的展现形式有:气泡图、树、热力图、雷达图、矩阵图、散点图、堆栈图、网络图、平行坐标轴、treemap、河流图、弦图、折线图、柱状图、饼图
一、气泡图
1、用于展示多个纬度组合数据对比
2、用于形象展示一个纬度的数据对比
柱状图和折线图都具有这个功能,这里使用气泡图可以缓解视觉疲劳,避免千篇一律使用柱状图和折线图
1365997179_5
3、节省横向空间
1365997222_77
1365997235_3
4、还可以把气泡做成饼图,包含更多的信息,气泡的颜色也可以包含信息
1365997290_55
二、树
展示层级间的父子关系
1365997353_18
三、热力图
1、可以非常直观的呈现一些原本不易理解或表达的数据,比如密度、频率、温度等,改用区域和颜色这种更容易被人理解的方式来呈现。
1365997397_28
1365997403_57
2、与地图结合可以展现与地域相关的许多属性:人口、温度、交通状况、健康、财富等
1365997437_80
城市出租车的一天
1365997469_56
四、雷达图
雷达图是一种较为常用的多变量可视化图形。在雷达图中,每个变量都有它自己的数值轴,每个数值轴都是从中心向外辐射。由于图形就好像雷达荧光屏上的图像,故称其为雷达图。又像蜘蛛网,所以也称蛛网图。
1365997527_31
1365997532_74
五、矩阵图
矩阵图从多维问题的事件中,找出成对的因素,排列成矩阵图,然后根据矩阵图来分析问题,找出关键点
1365997797_77
六、散点图
当存在大量点的时候,适合使用散点图。散点图通常用于比较跨类别的聚合数据。对于处理值的分布和数据点的分簇,散点图都很理想。
1366008439_10
七、堆栈图
对Y轴进行细分
1366008483_78
八、网络图
多个点之间的关系
2012伦敦奥运刘翔摔倒事件新浪微博提及词语分析
http://blog.socialflow.com/post/7120245585/weibo-chinas-twitter-equivalent-abuzz-with-sentimentover-liu-xiangs-olympic-fail
1366008559_20
Facebook 2010年发布的全球社交用户交互图
1366008587_38
九、平行坐标轴
平行坐标轴特别适合用于展现具有多个相同属性的对象组
1366008637_79
演示地址:http://exposedata.com/parallel/
世界各国移民情况
1366008708_25
演示地址:http://peoplemov.in/#f_CN
十、treemap
reemap通常用来展示层次数据的占比关系。图中的每个矩形代表树的一个节点,大矩形中的小矩形代表父节点包含的子节点。
1366008798_20
十一、河流图
河流图通常用来展示多个变量随时间的变化趋势。每个变量用一条色带表示。色带的宽度代表了变量在某时间点处的值或占比的大小。
1366008941_56
十二、弦图
弦图通常用来展示多个节点间一对多的连结关系。
1366008988_10
柱图、折线图、饼图大家都很熟悉,这里就不多说了。
javascript可视化组件推荐
1、http://raphaeljs.com/
一个功能非常强大的js绘图基础组件,浏览器兼容性好,从IE6-IE9,ff,chrome都能很好兼容
这个老虎是用js画出来的!
1366009049_97
2、http://datavlab.org/datavjs/#treemap
datavlab.org社区(主要成员为淘宝员工)与浙大主导开发的开源库。支持treemap、tree、河流图、矩阵图、网络图、气泡图、弦图
功能很全面,样式上感觉还不是非常完美
我们正在使用的组件,支持折线图、柱图、饼图等常用图表,也是非常多人推荐的组件,样式清新,适合做数据展现。现在公司里已经很多团队在用了这个组件了。
最近出了3.0版,增加了气泡图、漏斗图等几个图形,原有的折线图等也增加了一些功能。
4、Timeline
http://www.simile-widgets.org/timeline/
如果需要画时间轴可以参考一下
5、js绘制中国地图
一直以来,地图都是用flash做的,有个牛人做了一个js版的,外观还不错
1366009315_90
可视化博客推荐
datavlab.org的目标是搭建讨论数据可视化的一个平台,由淘宝可视化团队发起,意在为可视化的爱好者提供了解可视化,实践可视化,讨论可视化的渠道。
「图表汇」——信息图与可视化!
视物 | 致知
扩展阅读
4分钟:3D技术展现200国家的200年,可视化经典案例
以上视频对应的工具软件
北京大学对微博转发关系分析的可视化工具
数据可视化

本文标签 ,

数据可视化的常见展现形式:等您坐沙发呢!

发表评论