Why Bar-Chart Design Matters
In Reading and Making a Pie Chart, you learned how a chart’s visual features represent parts of a whole. A bar chart makes categorical comparisons by representing each category’s count or relative frequency with a bar’s height. That visual comparison is only fair when the scale and bar shapes are used consistently.
A chart can make a small difference look dramatic if its vertical axis begins well above zero. Unequal bar widths can also draw extra attention to one category, or suggest that area as well as height represents the data. To analyze a graph, check the axis labels and the bars’ dimensions before deciding how large a difference appears.
How a Truncated Vertical Axis Exaggerates Differences
In a standard bar chart of counts or relative frequencies, each bar begins at zero and its height represents the category’s value. Starting at zero gives every bar the same reference point. The difference in bar heights then corresponds to the difference between the values.
If the vertical axis starts at a positive value instead, the bars may appear to begin at that value rather than at zero. The visible bar length for a value is then only the amount above the truncated baseline. When values are close together, those shortened lengths can make one bar appear much larger relative to another than the actual values are.
A chart’s labels can help you detect this design: the first labeled tick might be 30 or 70 rather than 0. Look for a broken axis mark as well. A break signals that some values have been omitted, but it does not make the visible bar lengths directly comparable as though they started at zero. A clear display should make any break obvious and explain how to read it.
Worked Example: Finding the Effect of a Truncated Axis
Worked Example: Finding the Effect of a Truncated Axis
A fictional recycling program displays counts of batteries collected at two community events: 42 at the first event and 38 at the second. The chart’s vertical axis starts at 34. How might that scale distort the comparison?
With the axis starting at 34, the visible bar lengths are proportional to the amounts above 34:
The visible length of the first bar is twice the second bar’s visible length, since \(8/4=2\). This could make the first event look as if it collected twice as many batteries. But the actual count comparison is:
The first count is about \(1.105\) times the second, or about \(10.5\%\) greater relative to 38:
The actual difference is 4 batteries, not a doubling. A fairer bar chart would start at zero and show heights of 42 and 38. The bars would look much closer in height, consistent with the actual counts.
Check the Scale, Not Just the Starting Point
A truncated axis is not the only scale problem to watch for. Read the values and spacing of several tick marks. Equal distances on an axis should represent equal numerical intervals. For example, if each tick mark is equally far from the next, labels of 0, 10, 20, and 30 represent a consistent scale. Labels of 0, 10, 20, and 50 at those same equal distances do not: the jumps are not equal.
Also check that the bars end at positions that agree with the labeled scale. A chart can be hard to interpret if tick labels are missing, crowded, or too small to read. When an axis has a break, notice where it is and what values are omitted. Do not assume that a visible gap or unusual label is harmless just because the bars otherwise look conventional.
The same issue applies when bars show relative frequencies or percentages rather than counts. The unit changes, but the need for a clear, consistent scale does not. For example, a chart of percentages that starts at \(70\%\) can make values of \(82\%\) and \(78\%\) appear more different than they are.
Worked Example: A Truncated Axis for Percentages
Worked Example: A Truncated Axis for Percentages
A fictional school survey reports that \(82\%\) of students in one grade and \(78\%\) in another grade bring a reusable water bottle. A bar chart begins its vertical axis at \(70\%\). Compare the visible bar lengths with the actual percentages.
The visible lengths above the \(70\%\) baseline are:
The first visible bar is \(12/8=1.5\) times the second visible bar. That can make the first percentage look \(50\%\) larger by bar length. The actual difference, however, is \(82\%-78\%=4\) percentage points. Relative to \(78\%\), the first percentage is about \(5.1\%\) greater:
Thus, the graph’s truncated scale can make a 4-percentage-point difference look much more dramatic. A zero-based chart would show bars at \(82\%\) and \(78\%\) of the full \(0\%\)-to-\(100\%\) scale, making their relative heights more faithful to the data. In context, the reported percentages are close, even if the truncated bars appear far apart in height.
Why Bar Widths Should Be Equal
A bar chart represents categories with separated bars of equal width, as described in Constructing a Bar Chart by Hand. The height represents the count or relative frequency; width is not another measurement of the category. Equal widths keep attention on the intended comparison: the bar heights.
If one bar is wider than another, viewers may interpret its larger area as evidence of a larger count, even though the data value is represented by height alone. A wide bar also takes up more visual space and can make its category seem more important. This is especially misleading if a chart’s bars differ in both width and height.
For a categorical variable, bars should remain separated to show that the categories are distinct. But separation does not mean their widths can vary freely. Check whether the bars are the same width and whether the gaps are reasonably consistent. A change in width is not a valid way to represent a category’s count in an ordinary bar chart.
Worked Example: Unequal Bar Widths Distort a Comparison
Worked Example: Unequal Bar Widths Distort a Comparison
A fictional neighborhood survey records 28 households that prefer a community garden and 24 that prefer a shared tool library. A designer draws both bars from zero, but makes the garden bar 2 centimeters wide and the tool-library bar 1 centimeter wide. How could the widths affect the display?
The actual count ratio is:
So the garden count is about \(1.167\) times the tool-library count, or \(16.7\%\) greater relative to 24. The height difference is 4 households. If the bars have the same width, their heights show that relatively modest difference.
Unequal widths can produce a more dramatic impression if viewers compare the areas of the rectangles. Using the stated widths, the garden bar’s area is proportional to \(28\times 2=56\), while the tool-library bar’s area is proportional to \(24\times 1=24\). The area ratio is:
The garden bar therefore occupies more than twice the area, even though its count is only \(16.7\%\) greater. Area is not the quantity a standard bar chart is intended to encode, but unequal widths can make it an easy visual impression. The fairer design uses equal-width bars, with heights representing 28 and 24 households.
A Practical Way to Critique a Bar Chart
A useful critique names the design choice, explains its visual effect, and gives a clearer alternative. Begin by identifying what the bars represent: counts or relative frequencies for categories. Then inspect the scale and the bars. Do not stop at saying that a graph “looks misleading”; point to a specific feature and connect it to the values.
Identify the categories, the quantity represented by bar height, the units, and the group described by the chart.
Check whether it begins at zero, whether the tick marks are evenly spaced, and whether a break or omitted range is shown.
Look for equal widths, visible gaps between categories, and heights that match the scale labels.
Use the labels or underlying counts to state the actual difference. Explain if the design makes that difference appear larger or smaller.
For an ordinary bar chart, recommend equal-width bars and a clear, evenly spaced vertical scale starting at zero.
Common Mistakes and What a Strong Answer Says
- Only saying “the graph is misleading.” Name the issue: for example, “The vertical axis starts at 34 rather than zero.” Then explain that the visible bar lengths show only the amounts above 34, which exaggerates the relative difference.
- Confusing a percentage-point difference with a percent difference. If percentages are \(82\%\) and \(78\%\), their difference is 4 percentage points. A relative percent comparison requires a stated baseline, such as \((82-78)/78\times100\%\approx5.1\%\).
- Assuming a visible axis break fixes the comparison. A break alerts the reader that values have been omitted, but the chart still does not show full bar lengths from zero. Discuss what the break does to the visual comparison.
- Treating bar area as the intended measure. In an ordinary bar chart, height encodes the count or proportion. Still, unequal widths can make area visually influential, so recommend equal widths.
- Criticizing a scale without referring to the data. Cite the relevant values and say how they compare. A strong response connects the design flaw to the actual difference in context.
For example, a full-credit critique could say: “The chart compares 42 batteries with 38, but its vertical axis begins at 34. The visible bar lengths are 8 and 4 units, making one look twice as long; the actual counts differ by only 4 batteries. A zero-based axis with equal-width bars would show the comparison more fairly.” This identifies the feature, describes its effect, uses the data, and proposes an improvement.
Check Your Understanding
For each question, focus on how the chart’s design affects the comparison of category values.
- A chart shows counts of 31 and 29, but its vertical axis starts at 27. What are the visible bar lengths above that baseline, and why might the chart exaggerate the difference?
- A percentage bar chart shows \(64\%\) and \(60\%\), with an axis that starts at \(50\%\). What is the actual difference in percentage points?
- Why should the bars in an ordinary categorical bar chart have equal widths?
- A graph has equally spaced vertical tick marks labeled 0, 5, 10, and 30. What should you check about this scale?
- Write one sentence that critiques a bar chart with unequal bar widths and recommends a fairer design.