U5.06.1One chart's mark count is limited by overlap and occlusion设计

单张图可承载的图元数受重叠与遮挡限制

别名: 密度上限 · 图元过载

概念解释

一张图能画多少个图元(点、线、条),上限不由数据量决定,而由图面决定:图元超过某个密度后开始相互重叠、遮挡、贴合,个体信息被覆盖,图从"每个点都可读"滑向"一片糊"。散点图几千个点、折线图几十条系列,都是典型的越界场景。上限存在,且远低于大多数人的直觉。

机制

上限的物理来源是像素预算:一块画布的像素是固定的,每个图元要占的面积随图元数增长而缩小,缩到与图元间距同量级时,相邻图元开始贴合、覆盖;点标记互相遮住对方,线条互相交叠不可分。上限的认知来源是任务匹配:即使图元没有完全重叠,数量超过读者"逐个处理"的容量后,可读的任务也从"读个体"退化为"看整体"——而这两个任务需要的是两种不同的图。混淆这两点的设计错误就是把一张该看整体的图强行塞进必须读个体的需求里。

边界

密度上限是变量不是常数:图元越小、颜色越透明,可承载的数量越多,但个体判读能力同步下降;交互(悬停、缩放)能在同一张图里扩展有效密度,代价是"全貌"与"细节"不能同时可见。上限还取决于重叠结构——数据集中在同一区域时,远低于平均密度的数量就会完全遮挡。

怎么落地

  • 出图前先估图元数与画布面积的比值,散点图超过每平方英寸数百点、线图超过十条系列时触发密度审查。
  • 渲染后直接看图:出现成片不可分的色块或线团即越限,进入减法流程(下一叶)。
  • 验证:请读者从图里指认指定的一个点或一条线;指不出或指错即密度越限,个体可读性已丢失。

延伸

  • 同组U5.06.2 超过密度上限后应聚合、抽样或改为分面 · U5.06.3 密度上限随最终呈现尺寸与分辨率变化 · U5.06.4 高密度图仍能表达整体形状,失去的是个体可读性 · U5.06.5 密度问题应在数据处理阶段解决而非靠缩小图元
  • 相邻U5.02.4 图例项过多时匹配退化为逐项线性搜索 · U5.04.4 多图并置时只有统一排序才能跨图对照
  • 站内检索overplotting · mark density · scatter plot limits

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U5.06.1