The Encoding Hierarchy.
Position beats length beats angle beats area. Precision is a design choice.
Humans decode visual encodings with varying accuracy. Position on a common scale is the most accurate; color and area are the least. This hierarchy should guide every chart type decision: use bar charts (position) over pie charts (angle/area) when precision matters.
Position > Length > Angle > Area > Volume > Color
Cleveland & McGill, 1984 · Journal of the American Statistical Association
Charts that apply this principle
Bar Chart
Compare quantities across categories using vertical bars positioned on a common baseline.
Bullet Chart
A compact bar with reference markers that replaces gauges and meters for KPI dashboards.
Butterfly Chart
Back-to-back horizontal bars for any two-sided comparison, with the category labels in the center gutter.
Diverging Bar Chart
Bars extend left and right from a central baseline to show positive and negative values.
Dot Plot
Positions dots along a quantitative axis to compare values with minimal ink and maximum clarity.
Dumbbell Chart
Two dots connected by a line showing the gap between two values per category.
Grouped Bar Chart
Multiple bars per category placed side by side for direct comparison across groups.
Horizontal Bar Chart
Bars drawn horizontally, ideal when category labels are long or numerous.
Lollipop Chart
A dot on a thin stem, a lighter alternative to bar charts that reduces visual clutter.
Paired Bar Chart
Two bars per category placed adjacent for direct pairwise comparison.
Pictogram Chart
Uses repeated icons to represent quantities. Engaging but imprecise.
Population Pyramid
Back-to-back horizontal bars showing age distribution by gender.