Normalize stacked columns to 100% when only shares matter
For part-to-whole comparison in stacked column charts, use percentage normalization when relative part size matters more than absolute totals to improve readability and mitigate misplaced attention to total height for readers comparing shares.
- purpose:refine
- basis:heuristic
- chart:bar
- operator:part-whole
- measure:multi
- quality:readability
- lever:encoding
advice
Normalize the stack to percentages
Convert stacked columns to percentages so every column sums to 100% when relative part size matters more than absolute size. For example, normalize the stacks when totals are not of interest, and use the top baseline for the second most important category if that comparison matters.
reason
Why equal-height totals help share comparison
When every column has the same height, readers can compare proportions instead of first separating proportion from total size. The normalized chart also creates a second shared edge at the top.
Mechanism: Percentage normalization removes total-height variation, which shifts attention to relative part size and adds a top baseline for another important category.
Evidence: The post recommends stacking percentages so every total sums to 100% when relative size is more important than absolute size and totals are not of interest, noting that this also creates a second baseline at the top of the chart (Muth, 2018).
Notes: The top baseline can help with the second most important category.
context
Use when relative size is the point
- User Goal: Compare shares across several totals.
- Task: Read relative size instead of absolute total size.
- Data: Part-to-whole values that can be expressed as percentages.
- Chart Setting: A stacked column chart is already chosen.
- Audience: Readers should focus on proportions, not on which total is bigger.
- Success Criterion: Every column sums to 100% and share comparison becomes easier.
exceptions
Do not use when total size matters too
Break it when: The absolute size of each total is important to the reader. Why: A 100% stack removes that total-size information.
costs
What you give up
Sacrifice: You give up direct comparison of the total sizes. Risk: Readers cannot tell which total is larger once every column has the same height. Mitigation: Keep raw stacked columns when total magnitude is part of the message.
mistakes
Common failure mode
Mistake: Normalizing to 100% when the reader needs both the shares and the total sizes. Why it fails: The chart makes all totals look equal.
check
Test the normalization choice
Failure Sign: The chart is meant to compare shares, but readers keep reading total height as if it matters. Quick Check: Ask whether every total should sum to 100%; if yes, normalize the columns. Stronger Test: Check whether the message still works after removing total-size differences; if it does, 100% stacking fits better.
fix
Revise the design
- Convert the stacked values to percentages so each column sums to 100%.
- Keep the focus on relative share size rather than total height.
- Place the second most important category at the top if the new top baseline helps that comparison.