Guidelines
Suggest edit

Align bar baselines for single-value comparison

For compare tasks on single-value bar displays, use aligned position encoding on bar charts to improve fidelity and mitigate imprecise single-value judgments for readers making direct value comparisons.

  • purpose:refine
  • basis:empirical
  • task:compare
  • scope:single-result
  • chart:bar
  • quality:fidelity
  • lever:encoding
  • operator:difference
  • channel:position:use

advice

Align bar baselines

Keep compared bar values on a shared baseline so readers judge position instead of isolated length. For example, use standard bars with a common baseline and avoid making readers compare misaligned bar segments such as parts of a stacked bar.

reason

Why aligned baselines work for single values

When two values share a baseline, the reader can compare the tops by position, which is more precise than comparing separated lengths. When the bars are misaligned, the comparison shifts toward length and precision drops.

Mechanism: A shared baseline turns the task into a position comparison. Misalignment removes that position cue and forces a less precise extent judgment.

Evidence: In 1vs1 comparisons, normal bar graphs were as precise as dot plots and much more precise than misaligned bar graphs, indicating that aligned bars supported position-based reading while misaligned bars did not (Yuan et al., 2019).

context

Use when single values are the comparison target

  • User Goal: Decide which of two individual values is larger.
  • Task: Direct value comparison.
  • Data: One quantitative value per compared item.
  • Chart Setting: Bar charts where the compared values can be placed on a common baseline.
  • Success Criterion: More precise single-value judgments.

exceptions

Do not rely on this for multi-value mean judgments

Break it when: The reader must compare averages across multiple values rather than two individual values. Why: In the experiments, aligned bars were not more precise than misaligned bars for multi-value average comparisons.

costs

Tradeoffs of aligned baselines

Sacrifice: You give up using separated bar segments as the main comparison target. Risk: Applying this rule to group-average judgments will not fix the harder problem of extracting means from many bars. Mitigation: Use a display that supports the mean task directly instead of assuming alignment alone is enough.

mistakes

Common baseline mistake

Mistake: Keeping the compared values on different baselines and expecting readers to compare them as precisely as aligned bars. Why it fails: The task becomes a length comparison instead of a position comparison.

check

How to check baseline alignment

Failure Sign: The two values being compared start from different vertical offsets. Quick Check: Ask whether the compared tops can be read against the same baseline without mentally shifting one bar. Stronger Test: Make an aligned version of the same two-value display and compare whether judgments become easier or more precise.

fix

How to fix misaligned single-value bars

  • Move the compared values onto a common baseline.
  • Redraw stacked or offset segments as separate aligned bars when the task is precise single-value comparison.
  • If precise comparison is critical, replace the compared segments with points on a shared scale.

References

Yuan, L., Haroz, S., & Franconeri, S. (2019). Perceptual proxies for extracting averages in data visualizations. Psychonomic Bulletin & Review, 26(2), 669–676. https://doi.org/10.3758/s13423-018-1525-7