Use color instead of size for a secondary quantitative field when position carries the primary value
For exact individual-value tasks, use color encoding for the secondary quantitative field on multivariate point plots to improve fidelity and mitigate size-based interference with a primary positional value for readers reading or comparing single points.
- purpose:refine
- basis:empirical
- lever:encoding
- channel:color-hue:use
- channel:area:avoid
- operator:lookup
- reading-mode:exact
- quality:fidelity
advice
Reassign the secondary quantity from size to color
Use color rather than size for the secondary quantitative field when the primary quantitative field is already on x or y and users must read individual values exactly. For example, in a dot plot or scatterplot with a positional primary value, keep the secondary value in color instead of varying point size.
reason
Why color is the safer distractor here
A secondary size encoding changes mark area and competes with positional reading of the primary value. Color still adds another field, but it disrupted exact value tasks less than size in the tested multivariate point plots.
Mechanism: Varying point size acts as a stronger distractor than color when readers are trying to decode a primary quantitative field from position.
Evidence: For value tasks, charts with the secondary quantitative field encoded by size took longer than matched charts that encoded that same secondary field with color while the primary field stayed on x or y (Kim & Heer, 2018).
context
Use when one quantity is primary and exact reading matters
- User Goal: Read or compare the primary quantitative value at the point level.
- Task: Exact lookup or exact pairwise comparison.
- Data: Two quantitative fields shown together in the same point-based chart.
- Chart Setting: The primary quantitative field is already encoded on x or y, and a secondary quantitative field still needs encoding.
- Success Criterion: Preserve speed and accuracy for the primary value.
exceptions
Do not use when the study's value-task condition does not hold
Break it when: The task is not exact individual-value reading or comparison. Why: The measured slowdown from size interference was reported for value tasks, not as a general rule for all tasks.
costs
What this costs
Sacrifice: The secondary quantitative field may become less directly readable than it would be with size. Risk: If the secondary field also needs precise quantitative decoding, color may underserve that second task. Mitigation: Prioritize the field that the user must read exactly, and protect its positional decoding first.
mistakes
Common failure around this move
Mistake: Add a size encoding for a secondary quantity on top of a positional primary quantity in a value task. Why it fails: The size variation slows down decoding of the primary positional value.
check
How to test the choice
Failure Sign: Primary-value lookups get slower once point sizes start varying. Quick Check: Compare the chart against a version that keeps the same primary positional encoding but moves the secondary quantity from size to color. Stronger Test: Run one marked-point read task or compare-values task on both versions and keep the faster one if error stays comparable.
fix
What to change
- Move the secondary quantitative field from size to color.
- Keep the primary quantitative field on x or y.
- If both quantitative fields need strong value reading, give them positional encodings rather than adding a size encoding.