Align compared segments to a common baseline in stacked bar charts

Align the compared segments to a shared baseline when readers must compare heights in a stacked bar chart. For example, use an aligned stacked comparison instead of an unaligned one when viewers must judge one segment against another.

A shared baseline turns the judgment into a more direct positional comparison. When both compared segments float inside a stack, readers must estimate lengths without a common anchor, and the surrounding stacked segments further interfere.

Mechanism: Common-baseline alignment reduces floating-length judgments and lowers the extra error introduced by stacked distractors.

Evidence: Unaligned stacked comparisons were less accurate than aligned ones, with both unalignment itself and stacked distractors contributing to the penalty; the review collates this paper as evidence on within-bar-chart comparison design (Talbot et al., 2014; Zeng & Battle, 2023).

• User Goal: Compare two segment values exactly.
• Task: Estimate one segment height relative to another.
• Data: Quantitative segments shown within stacked bars.
• Chart Setting: A stacked bar chart where the comparison target is known in advance.
• Audience: Viewers making quick visual estimates without tools.
• Success Criterion: Lower comparison error between the target segments.

Break it when: The compared values are separate bars in a simple bar chart rather than segments inside a stack. Why: In simple bars, the main penalty came from spatial separation, not from offset segment baselines inside a stack.

Sacrifice: Floating stacked arrangements that leave the compared segments offset.
Risk: If you keep the comparison unaligned, extra stacked segments make the judgment even harder.
Mitigation: When stacking is required, prioritize baseline alignment for the comparison target.

Mistake: Asking readers to compare two floating stacked segments without a shared baseline. Why it fails: Unalignment and stacked distractors both increase error.

Failure Sign: Readers misjudge which segment is closer to half or two-thirds of the other.
Quick Check: Redraw the same comparison with a shared baseline and inspect whether the target ratio reads more directly.
Stronger Test: Run an A/B estimate task on aligned versus unaligned versions and compare absolute error.

• Restructure the stack so the compared segments share a baseline.
• Avoid floating both compared segments when an exact comparison is important.
• Remove extra stacked segments around the target comparison when alignment cannot be achieved.