Five Groups, One Frame — Reading a Distribution at a Glance
Five Groups, One Frame , Reading a Distribution at a Glance Figure 21.1 , Five Groups, One Frame , Reading a Distribution at a Glance
A box and whisker plot encodes the five-number summary of a distribution in a single glyph: minimum whisker end, first q
A box and whisker plot encodes the five-number summary of a distribution in a single glyph: minimum whisker end, first quartile (Q1), median, third quartile (Q3), and maximum whisker end. The box spans the interquartile range (IQR = Q3 − Q1), containing the middle 50 percent of observations. The median line cuts across it , its position within the box reveals skew at a glance: a line pushed toward Q1 means positive skew; pushed toward Q3 means negative skew.
The data presents five groups with continuous measurements and the goal is comparing distributional shape, not just cent
The data presents five groups with continuous measurements and the goal is comparing distributional shape, not just central tendency. A bar chart would show only the mean, hiding spread, skew, and outliers entirely. A dot plot shows all individual points but collapses into unreadable overplotting at sample sizes above ~40. The box plot occupies the productive middle ground: it summarises the full distribution without sacrificing comparability across groups.
A grouped bar chart showing means and standard deviations — the most common naive substitute — fails because standard de
A grouped bar chart showing means and standard deviations , the most common naive substitute , fails because standard deviations assume symmetrical, approximately normal distributions. The moment a group is skewed or has outlier contamination, the error bars become misleading (extending below zero, or implying tails of equal length). The viewer walks away believing the groups differ primarily in average, when the real story might be in tail behaviour or bimodality entirely invisible to that encoding.
FRAMEWORK FT Visual Vocabulary category: Distribution — "Show the range of values in a dataset and how they are distribu
FRAMEWORK FT Visual Vocabulary category: Distribution , "Show the range of values in a dataset and how they are distributed." Tufte principle: the box plot is architecturally data-ink efficient , every pixel of ink encodes a statistical quantity. Abela quadrant: Distribution (single variable, multiple groups, comparison of shape). The one design decision worth knowing: the 1.5timesIQR rule for whisker length was set by Tukey in 1977 as a robust fence , it flags roughly 0.7 percent of observations as potential outliers under a normal distribution.
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 box plot in D3 v7. Two files:
The ideas in this chapter didn't appear from nowhere. William Sealy Gosset , publishing under the pseudonym Student because his employer Guinness forbade staff from publishing under their own names , worked out in 1908 how small-sample distributions behaved differently from the normal. The t-distribution, the quartile, the inter-quartile range as the honest summary of a spread: these are the conceptual machinery the box plot puts on a page. William Sealy Gosset (Student), circa 1910. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
William Sealy Gosset (Student), circa 1910. AI-generated portrait based on a public domain photograph (Wikimedia Commons
The ideas in this chapter didn't appear from nowhere. William Sealy Gosset , publishing under the pseudonym Student because his employer Guinness forbade staff from publishing under their own names , worked out in 1908 how small-sample distributions behaved differently from the normal. The t-distribution, the quartile, the inter-quartile range as the honest summary of a spread: these are the conceptual machinery the box plot puts on a page. William Sealy Gosset (Student), circa 1910. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
Brutalist D3 × Claude · Ch.21 · Box Plot
That is the framework. Brutalist D3 times Claude, chapter 21: Box Plot. The patterns are now in place. Apply them.