《最简单的图形与最复杂的信息》笔记

《最简单的图形与最复杂的信息(The Wall Street Journal Guide to Information Graphics)》

最简单的图形与最复杂的信息

折线图用于连续数据,条形图用于离散数据。但当两个数据列都是条形图时(双 Y 轴的场景),可考虑把其中一个变为折线。

折线图 Lines

  • 折线高度约占图标区域 2/3。
  • 折线应比网格线粗,但不能过粗而导致掩盖了折点变化;如果有零基线,零基线应比网格线稍粗。
  • Y 轴增量常用 1、2、5、10、15、20、25 等。
  • 线条应在四条以下;使用实线,通过粗细、颜色比形状区分更好(使用颜色时需要考虑色盲的情况);如果数据系列比较多,可考虑由一个个的单折线图组成图表组。
  • 空间紧凑且交叉点多时,可使用图例,且顺序尽量和重点顺序一致。否则可直接在折线上标注,标注应简短。
  • 双 Y 轴应用于表示两组数据有关联的场景。

垂直条形图 Vertical Bars

  • 不要加阴影来干扰
  • 少用三维,因为无法确定顶端位置
  • 线条宽度约为间距的两倍
  • 应用同一颜色,浅色可用于预测值
  • 以零基线为起点
  • 如果数值接近,可考虑使用别的角度,如变化率或百分比等
  • X 轴标注不要用泄题,可转为水平条形图
  • 色彩应从最亮到最暗,不要交替
  • 图例应放在上方,且顺序应和条形图顺序一致(不管是垂直排列还是水平排列)

水平条形图 Horizontal Bars

  • 使用最大值到最小值的顺序,通过名都来强调;如果是时间相关的,应从近到远的时间来排序
  • 有负值的条尽量用垂直条形图;实在需要时,负值应在左边

圆饼图 Pie Chart

切片尽量不要超过 5 个;把面积最大的放在最右边,剩下的逆时针排列。

数字排列和序列

  • 垂直比较数据比水平比较更易阅读
  • 数字右对齐排列
  • 有小数时,小数位要一致

类比刻度 Compare Scale

对比两组或以上数据时,类比刻度可达到增幅小时折线平缓,大时倾斜角度更大的效果,展示增幅的同时保留绝对值。

生成方法:

假设一数据集分布在 21 ~ 24,另一分布在 105 ~ 110

  1. 以幅度更大的作为首要刻度((24-21)/21≈0.14 > (110-105)/105≈0.05,选第一个数据集的最小自然刻度 20,最大自然刻度选 25
  2. 轴增量使用 1、2、5、10、50、100 等自然刻度,确认另一图表的最小刻度(数据集 2 选用 100
  3. 计算两最小刻度的比率(100/20=5
  4. 计算另一图表的最大刻度(25*5=125