U2.12.5Shared linear width scale in Sankey diagrams设计研究
带宽属于长度类编码,全图必须共用同一比例尺
别名: 带宽比例尺 · 统一标度 · Sankey width scale
概念解释
桑基图以带的横截宽度编码流量,属于长度类编码。标题中的“全图共用同一比例尺”指同一比较范围内应使用一个线性换算:相同流量得到相同宽度,宽度可以相加为节点总量。若某阶段、某条细流或某个局部单独放大,读者就不能再沿图比较宽度或核对守恒。颜色、透明度和路径长度可以辅助分类或追踪,但不应暗中改变带宽代表的数值。
机制
统一系数使 width = k × flow 在所有节点和带上成立,因而两带的宽度比等于流量比,汇入节点的宽度和也能与流出及平衡项比较。非线性宽度、分段系数和局部“适配空间”会破坏比例与可加性。曲线弯折不改变理论横截宽度,但渲染连接、抗锯齿和缩放可能使不同位置的可见宽度略有差异,因此应从生成几何或垂直于中心线的截面验证,而非随意量一段斜边。
怎么研究
工程核验可输入已知流量比,检查布局前的宽度值、最终矢量路径和多尺寸栅格输出,并在拆分与合并节点上验证宽度守恒。读者研究可比较统一线性、局部重标度、明确分面标度和示意最小宽度,测试比率、排序、节点核对和跨阶段追踪。误差容限应来自渲染条件与决策风险,不设统一百分比。还要覆盖浏览器缩放、响应式布局、截图、打印和高对比模式。
边界
“全图”不自动扩展为所有独立桑基都必须同尺度:只有需要跨面板比较绝对流量时才应共享比例尺。若各面板只比较内部构成,可各用清楚标注的比例尺,但必须禁止按宽度做跨图量值比较。用户主动进入详情并对整个详情图统一重标度是新视图,不是局部作弊;界面须显示尺度变化并保留返回。示意最小宽度可用于检测或点击,但必须与量值带区分,节点账户仍以真实数值呈现。
怎么落地
- 在渲染管线中让所有量值带调用同一个线性宽度函数,并禁止局部 fit、对数宽度或未标注的最小宽度。
- 提供带宽参照、单位和节点数值;多面板明确标注共享或独立标度,并允许锁定跨图比较尺度。
- 将视觉路径与更大的命中区分离,给细带提供键盘选择和数据表,不靠夸宽解决可访问性。
- 用已知比值和守恒节点做自动回归测试,并在目标输出尺寸上做量值与追踪任务;发现比例偏差时检查数据、布局和渲染三层。