U12.04.3Size-sorted drawing for overlapping proportional symbols设计

符号相互遮挡时需按大小排序绘制

别名: symbol occlusion · draw order · 气泡图遮挡

概念解释

比例符号彼此覆盖时,绘制顺序(draw order)决定哪些数据仍可见。通常应从大到小绘制:大符号先落在底层,小符号后画在上层。这样被大符号压住的地点至少留下小符号的轮廓、中心和可交互目标;反向排序会让大符号把较小实体完全抹掉。

机制

不透明图元遵循后画覆盖先画的图形合成规则。地图上的密集地点又往往正是比较最有价值的地点,若由大圆盖住小圆,读者会把“不可见”误作“没有数据”或“量值为零”。由大到小排序并不消除重叠,却优先保留最容易消失、也最难凭周边推断的小量值。半透明填充可以透露重叠,但叠加后的深色会另行制造难以读出的量感。

边界

排序只能保住符号的一部分,不能同时给出所有圆的完整面积;重叠很严重时,露出的弧线也不足以估计量值。对可点击、可缩放的交互地图,悬停和局部放大可补充静态排序,但不能作为导出图片或首次扫视时唯一的可读途径。不同图层代表不同语义时,图层优先级可能高于尺寸排序,需明确标注而非混排。

怎么落地

  • 在渲染前按数值或映射后的面积降序排序,再依次画圆;相等值用稳定的次序避免刷新时跳动。
  • 给小符号加细描边,并在高密度区域提供放大、点击展开或局部列表。
  • 验证:截取最密集的区域,在不交互的状态下检查每个地点是否至少有可辨认的标记;再与数据表核对是否有实体被完全隐藏。

延伸

  • 同组U12.04.1 比例符号把量值编码为置于地理位置上的符号面积 · U12.04.2 符号需按面积映射并配以尺寸图例 · U12.04.4 比例符号适合绝对量,分级统计适合比率 · U12.04.5 极端值会迫使其余符号缩小到不可辨
  • 相邻U2.06.3 大气泡遮挡小气泡,需按尺寸排序绘制并降低不透明度 · U12.03.3 簇标记的尺寸需表达其所含的数量
  • 站内检索symbol occlusion · draw order · proportional symbol map

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U12.04.3