最新网站建设常见问题,公众号购物做网站还是小程序,北京企业官网建设,南昌网站建设服务平台在当前互联网#xff0c;各种数据可视化图表层出不穷#xff0c;本文尝试对数据可视化的方法进行归纳#xff0c;整理成6步法。一般的数据图表都可以拆分成最基本的两类元素: 所描述的事物及这个事物的数值#xff0c;我们暂且将其分别定义为指标和指标值。比如一个性别分布… 在当前互联网各种数据可视化图表层出不穷本文尝试对数据可视化的方法进行归纳整理成6步法。一般的数据图表都可以拆分成最基本的两类元素: 所描述的事物及这个事物的数值我们暂且将其分别定义为指标和指标值。比如一个性别分布中男性占比30%女性占比70%那么指标就是男性、女性指标值对应为30%、70%。 1. 将指标值图形化 一个指标值就是一个数据将数据的大小以图形的方式表现。比如用柱形图的长度或高度表现数据大小这也是最常用的可视化形式。传统的柱形图、饼图有可能会带来审美疲劳可尝试从图形的视觉样式上进行一些创新常用的方法就是将图形与指标的含义关联起来。比如Google Zeitgeist在展现top10的搜索词时展示的就是“搜索”形状的柱形图形与指标的含义相吻合同时也做了立体的视觉变化 2. 将指标图形化 一般用与指标含义相近的icon来表现使用场景也比较多如下 3.将指标关系图形化 当存在多个指标时挖掘指标之间的关系并将其图形化表达可提升图表的可视化深度。常见有以下两种方式 借助已有的场景来表现 联想自然或社会中有无场景与指标关系类似然后借助此场景来表现。比如百度统计流量研究院操作系统的分布首先分为windows、mac还有其他操作系统windows又包含xp、2003等多种子系统。根据这种关系联想发现宇宙星系中也有类似的关系 宇宙中有很多星系我们最为熟悉的是太阳系太阳系中又包括各个行星 因此整体借用宇宙星系的场景将熟知的windows比喻成太阳系将xp、window7等比喻成太阳系中的行星将mac和其他系统比喻成其他星系表现如下 构建场景来表现 指标之间往往具有一些关联特征如从简单到复杂、从低级到高级、从前到后等等。如无法找到已存在的对应场景也可构建场景。比如百度统计流量研究院中的学历分布指标分别是小学、初中、高中、本科等等它们之间是一种越爬越高从低等级到高等级的关系那么这种关系可以通过构建一个台阶去表现如下 支付宝新出的个人年度账单中在描述付款最多的三项时构建了一个领奖台的形式 小结 根据之前3步可将指标、指标值和指标关系分别进行图形化处理。以最简单的性别分布为例可以得到一个线性的可视化过程如下 以上图示为供参考的线性化过程实际可视化思考中将哪类元素进行图形化或者图形化前后的顺序可能均有不同需根据具体情况处理。 4. 将时间和空间可视化时间通过时间的维度来查看指标值的变化情况一般通过增加时间轴的形式也就是常见的趋势图。空间当图表存在地域信息并且需要突出表现的时候可用地图将空间可视化地图作为主背景呈现所有信息点。Google Zeitgeist在2010和2012年的年度热门回顾中都是以地图为主要载体同时也结合了时间来呈现热门事件 5. 将数据进行概念转换 先看下生活中的概念转换当我们需要喝水时通常会说给我来一杯水而不会说给我来30ml的水。在这里30ml是一个实际数据但是难以感知所以用一杯的概念来转换。同样在数据可视化有时需要对数据进行概念转换可加深用户对数据的感知。常用方法有对比和比喻对比下图是一个介绍中国烟民数量的图表如果只看左半部分中国烟民的数量32000000知道数据量级很大但具体有多大却很难感知直到看到右半部分中国烟民数量超过了美国人口总和这样一对比对数据的感知就加深了。 比喻 下图是一个介绍雅虎邮箱处理数据量的图表大意是每小时处理的电子邮件大小有1.2TB相当于644245094张打印的纸。这又是一个很大的数据但到底有多大 在这里用了一个比喻的手法644245094张纸如果把每一张纸首尾对接可以绕地球4圈多。到这里能较深刻感受到雅虎邮箱处理的数据量之大为地球节省了很多纸张。更进一步地还将这个比喻进行了图形化表现。 6.让图表“动”起来 数据图形化完成后可结合实际情况将其变为动态化和可操控性的图表用户在操控过程中能更好地感知数据的变化过程提升体验。实现动态化通常以下两种方式 交互和动画。 交互 交互包括鼠标浮动、点击、多图表时的联动响应等等如下是百度统计流量研究院的时间分布图采用左图右表的联动形式左图中鼠标浮动则显示对应数据点击则切换选择 动画 包括增加入场动画、交互过程的动画、播放动画等等。入场动画即在页面载入后给图表一个“生长”的过程取代“数据载入中”这样的提示文字。交互动画用户发生交互行为后通过动画形式给以及时反馈。播放动画一般来是提供播放功能像看视频一样让用户能够完整看到数据随时间变化的过程。下图是Gapminder在描述多维数据时提供随时间播放的功能可以直观感受到所有数据的变化。 总结 数据可视化形式多样思考过程也不尽相同。以上6步法是基于“数据”层面区别于信息可视化梳理思考过程总结设计方法为后续可视化提供可借鉴的思路。 摘自 http://ued.baidu.com/?p3909 例子 http://tongji.baidu.com/data/browser 转载于:https://www.cnblogs.com/CraryPrimitiveMan/p/3825158.html
