Guidelines
Suggest edit

Mirror bar small multiples for two-way biggest-mover comparison

For comparison of two quantitative series in a biggest-mover task when you must use small multiples, prefer mirrored alignment on bar charts to improve fidelity and mitigate cross-panel correspondence errors for viewers comparing one pair at a time.

  • purpose:refine
  • basis:empirical
  • task:compare
  • chart:bar
  • structure:small-multiples
  • lever:layout-structure
  • operator:difference
  • group-cardinality:binary

advice

Mirrored bar alignment

Mirror the two bar charts when you must compare one pair of datasets as small multiples. For example, right-align the left chart and left-align the right chart so corresponding bars meet at the center instead of using a same-direction adjacent pair.

reason

Why mirrored bar small multiples work for this task

Mirror symmetry pulls corresponding values toward the center and makes the two charts behave more like one paired shape than two separate panels.

Mechanism: Centered mirror alignment shortens comparison distance and lets viewers use bilateral symmetry to match corresponding bars more efficiently.

Evidence: In the bar-chart maximum-delta experiment, mirrored small multiples outperformed both horizontally adjacent and vertically stacked small multiples (Ondov et al., 2019).

Notes: The paper did not find the same mirrored benefit for slope or donut versions of the task.

context

Use when all of these are true

  • User Goal: Identify which category changed the most by absolute amount.
  • Task: Compare exactly two datasets in a small-multiple bar-chart view.
  • Data: One quantitative value per category in each of two series.
  • Chart Setting: Small multiples are required, but the comparison is limited to one pair.
  • Audience: Viewers need a static two-way comparison rather than an animated one.
  • Success Criterion: Readers can detect the biggest mover with smaller changes than in a standard adjacent pair.

exceptions

Do not use when any of these are true

Break it when: You need to compare more than two datasets at once, or the chart for this task is a slope or donut display rather than a bar chart. Why: The paper notes that mirroring does not scale well beyond two datasets, and the mirror benefit was not observed for slope or donut charts.

costs

Tradeoffs of mirrored bar small multiples

Sacrifice: A conventional same-direction x-axis on both charts. Risk: Readers must interpret opposite axis directions across the pair. Mitigation: Reserve the mirrored layout for direct two-way bar comparisons.

mistakes

Common failure mode

Mistake: Keep both bar charts in the same left-to-right direction in a standard adjacent pair. Why it fails: It gives up the centered mirror symmetry that improved direct comparison.

check

How to test this choice

Failure Sign: Readers need large differences before they can confidently name the biggest mover in a small-multiple pair. Quick Check: Show mirrored and standard adjacent versions of the same two bar series, then ask readers after a brief glance which bar changed most. Stronger Test: Reduce the winning change across trials and keep the layout that still yields correct picks.

fix

What to change

  • Reverse the x-axis direction of one bar chart.
  • Center-align the two charts so corresponding bars face each other.
  • Limit the mirrored layout to one pair of datasets.
  • If you must compare more than two datasets, switch to a non-mirrored arrangement.

References

Ondov, B., Jardine, N., Elmqvist, N., & Franconeri, S. (2019). Face to Face: Evaluating Visual Comparison. IEEE Transactions on Visualization and Computer Graphics, 25(1), 861–871. https://doi.org/10.1109/TVCG.2018.2864884