Figure 36.1 , Error Bars , Uncertainty Overlay

Error bars are not a chart type , they are a graphical enhancement layered onto a Cartesian graph. They exploit the same channel as the primary encoding (position along a quantitative axis) to add a second layer of information: the spread or uncertainty around each plotted value. The cap-tipped line extending from a central point forces the eye to read a range rather than a single value, making it immediately visible whether groups have tight, reliable measurements or wide, unreliable ones.

Standard deviation (SD) describes the spread of the raw data around the mean. Use it when your message is about the distribution of individual observations , how variable the thing being measured actually is in the population. Standard error (SE) describes the precision of the mean estimate itself (SE = SD ÷ √n). Use it when your message is about how reliably you estimated the mean , SE shrinks as sample size grows, SD does not.

The data structure is grouped categorical measurements with pre-computed statistics . The message is comparison across groups with explicit uncertainty , not just "which group has the higher mean" but "how reliable is each group's mean, and do the uncertainty ranges overlap?" Overlapping confidence intervals are a rapid visual test for whether differences between groups are likely to be statistically significant.

A plain bar chart without error bars would answer "which group is highest" but not "is that difference real?" A box plot would show the full distribution more honestly (quartiles, median, outliers) but loses the direct mean-comparison that error bars preserve. Box plots are the better choice when the distribution shape matters; error bars are the better choice when the message is specifically about mean reliability and group difference significance .

The cap width is set to 60 percent of the bar width , wide enough to be clearly readable as a range boundary, narrow enough not to be mistaken for an additional data series. The cap is the visual full stop that tells the eye "the range ends here." Without it, an error whisker reads as an arrow or an indefinite extension rather than a bounded interval.

Framework , FT Visual Vocabulary FT Visual Vocabulary category: Distribution / Ranges , showing the spread of values within a group alongside the central tendency. Abela quadrant: Comparison (comparing means across categories with uncertainty context). Tufte principle applied: every mark on the chart earns its place , the error bar adds a full second data dimension (uncertainty) to each existing mark without adding ink that duplicates information already present.

Paste this into Claude Code to generate a working version of this chart, plus its data file. The result will not be a perfect replica , the goal is that the reader can run the prompt, get a chart of this type, and read its source. Generate a complete, self-contained error bars in D3 v7. Two files:

The ideas in this chapter didn't appear from nowhere. Florence Nightingale David was a 20th-century British statistician , Karl Pearson's protégée , whose work on combinatorial probability and statistical applications quietly shaped how we display uncertainty. She was named after Florence Nightingale, who was her godmother. Florence Nightingale David, circa 1970. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

The ideas in this chapter didn't appear from nowhere. Florence Nightingale David was a 20th-century British statistician , Karl Pearson's protégée , whose work on combinatorial probability and statistical applications quietly shaped how we display uncertainty. She was named after Florence Nightingale, who was her godmother. Florence Nightingale David, circa 1970. AI-generated portrait based on a public domain photograph (Wikimedia Commons).