基本数据图形
基本数据图形——基本数据图形类型
数据本身
柱形图、条形图
折线图
散点图
基本数据图形变体(Cleverland点图 面积图 气泡图)
基本数据图形——数据本身
数据本身 - 最直观的数据可视化
当只有很少的一两个数据需要分享时,直接展示数据本身是非常棒的沟通方法
只用数字和文字注释清晰表述观点,否则可能会产生误导
拥有数据并不代表一定要用图表展示,强行使用会让数字失去魅力
下图展示了从2001 年到2010 年全美共发生了363,839 起致命的公路交通事故。毫无疑问,这个总数是那么地沉重,它代表着逝去的生命。把所有的注意力放在这个数字上,能让读者深思。
在可视化元素 - 颜色的使用上,以黑色为背景和主要色调,黑色会唤起读者恐怖的联想,以产生更强烈的警示作用。而数字和注释用白色表示,与黑色的对比更强调了数字的含义。大小:用更大的字号显示重要的数字。
字体:无衬线字体,整个文字部分更整洁
(Ref: 数据之美/ 邱南森著;张伸译. 中国人民大学出版社,2013.12. ISBN: 978-7-300-18612-2.)
基本数据图形——柱形图
对于一维分类数据来说,常使用柱形图进行展示
柱形图使用的可视化元素为位置和高度(大小)
柱形图绘制要点:
柱形图的y轴基线一般要求为0点
柱形图绘制要点:
如果柱形图各个柱的高度差别不大,可以考虑绘制变化数据
柱形图绘制要点:
除非有特定的顺序(如时间顺序、等级顺序等),否则一般对柱形按从高到低降序排列
柱形图绘制要点:
出于美观考虑,柱形图的宽度一般设置为空白间隔的两倍
柱形图绘制要点:
不必要的颜色填充会分散读者注意力,造成信息传递的混乱
柱形图绘制要点:
使用3D柱形图会给读者带来误解
基本数据图形——条形图
条形图同样适用于一维分类数据
条形图使用的可视化元素为位置和长度(大小)
有研究表明,条形图在比较不同类别时的效果要比柱形图差一些
但整体上来讲,条形图和柱形图的差异不大
条形图绘制要点:
删除y轴、网格线等参考线,尽可能使得条形图的画面简洁,这里应用到了格式塔视觉原理中的闭合性
条形图绘制要点:
条形图适合数据类别较多,并且轴标签文字比较多的情况,能够提高可读性
基本数据图形——条形图(或柱形图)二维表示
前述条形图(或柱形图)的x轴(y轴)都是频数,而如果将一个数值变量映射在x轴(y轴),则条形图(或柱形图)可以表示二维数据
二维条形图(或柱形图)使用的可视化元素仍旧为位置和长度(高度)
基本数据图形——分组柱形图
如果我们再增加一个分类变量,即图形中有两个分类变量、一个数值变量,则可绘制分组柱形图,此时分组柱形图可用于展示三维数据
分组柱形图用到的可视化元素,除位置和长度之外,还有颜色
在指定分组颜色时,如无特别强调,一般可选用饱和度而不是色调进行区分,避免因颜色强烈对比而分散读者的注意力
基本数据图形——堆积柱形图
堆积柱形图与分组柱形图类似,只是以叠加柱形的形式进行展示,如果各子类之和有意义就可以使用堆积柱形图
主要用于分解整体,并用于局部比较
堆积柱形图使用的可视化元素与分组柱形图一致
堆积柱形图 vs 分组柱形图
分组柱形图更多强调分组对比,堆积柱形图更多强调累积对比
从视觉上来说,堆积柱形图除了贴近x轴的子类比较容易辨别之外,其他子类因为受下面一层的影响难以比较,因此在做同一层的分组对比时效果稍差,整体上来讲对位置的区分效果不如分组柱形图
基本数据图形——百分比堆积柱形图
百分比堆积柱形图是堆积柱形图的变体,多用于时间序列数据,每个柱形的长度均为1,各子类按百分比进行堆叠,用于可视化每一部分的占比。
基本数据图形——百分比堆积条形图
百分比堆积条形图是堆积条形图的变体,常用于问卷调查(如满意度