U8.02.5A band's visual width depends on the y-axis scale and cannot be compared across charts设计

区间的视觉宽度受纵轴标度影响,不可跨图比较

别名: 区间视觉宽度 · 轴标度效应

概念解释

置信区间在图表上的视觉宽度(误差棒的长度、带子在屏幕上的像素高度)不是不确定性的固有属性,而是"实际区间宽度"与"纵轴标度"共同决定的。同一个 ±0.5 的区间,在纵轴范围 0-10 的图上占 5% 的高度(视觉上很窄),在纵轴范围 0-2 的图上占 25%(视觉上很宽)。读者对不确定性的大小直觉建立在视觉宽度上——两张图并排比较时,视觉宽度的差异可能完全来自纵轴标度而非真实的不确定性差异。这是把区间图并排放置(small multiples、对比面板)时最容易忽略的陷阱。

机制

视觉宽度 = 实际宽度 × 像素/单位比率。第二个因子由纵轴范围与绘图区域高度共同决定,而这两者通常是每个图表独立设置的(自动缩放使数据填满绘图区)。自动缩放的初衷是让每个图表的信号最大化,但副作用是不确定性的视觉表达也被各自的缩放扭曲了:方差小的序列被放大后区间看起来很宽(像素多),方差大的序列被压缩后区间看起来很窄(像素少),与真实情况可能相反。读者的视觉系统不自动进行标度归一化——它直接比较像素宽度,这在小 multiples 布局中尤其危险,因为并排布局暗示"这些图可以直接比"。与位置判读不同(位置在有共同标尺时最准),宽度的判读没有天然的跨图参照,每个图各自的轴就是唯一的参照系。

边界

跨图比较区间宽度的陷阱只在纵轴标度不同时出现:如果多张图共享同一纵轴范围(shared axis),视觉宽度直接可比。图表设计中的解法就是在对比场景中强制共享纵轴——但这可能让方差小的序列压扁在底部、难以看清自身的模式,"可比较"与"单图可读"之间再次出现取舍。区间宽度的跨图比较还有另一个混淆:如果两张图的单位不同(百分比 vs 绝对数),实际宽度本身就不可比,即使视觉宽度相同。对于单位相同的图,共享纵轴 + 标注数值范围是让宽度可比的最低要求。

怎么落地

  • 需要跨图比较不确定性时,强制多图共享纵轴范围,并在每张图的角落标注纵轴范围以便核对。
  • 无法共享纵轴时,在每张图上直接标注区间的数值(如"±0.5"),让读者用数字而非像素做比较。
  • 对比面板(small multiples)默认使用共享纵轴;若某序列被压扁影响可读,单独出图而非缩放轴。
  • 验证:并排两张含区间的图,问读者"哪张的不确定性更大";如果读者的判断与实际数值宽度的排序不一致,检查两张图的纵轴范围是否不同。

延伸

  • 同组U8.02.1 误差棒代表标准差、标准误还是置信区间必须标明 · U8.02.2 两组区间重叠并不等于差异不显著 · U8.02.3 区间宽度随样本量变化,需同时给出样本量 · U8.02.4 渐变带比单一硬边界的区间更少造成确定性错觉
  • 相邻U4.03.1 截断纵轴会夸大差异 · U8.01.2 误差棒与区间带是基本手段
  • 站内检索axis scaling · shared axis · cross-chart comparison

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U8.02.5