// SLIDE 01 — HOOK

BOX PLOT

Five Groups, One Frame — Reading a Distribution at a Glance

Box Plot — Figure 21.1 — Five Groups, One Frame — Reading a Distribution at a Glance
NARRATION

Five Groups, One Frame , Reading a Distribution at a Glance Figure 21.1 , Five Groups, One Frame , Reading a Distribution at a Glance

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

A box and whisker plot encodes the five-number summary of a distribution in a single glyph: minimum whisker end, first q

NARRATION

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.

// SLIDE 03 — WHY IT WAS CHOSEN HERE

WHY IT WAS CHOSEN HERE.

The data presents five groups with continuous measurements and the goal is comparing distributional shape, not just cent

NARRATION

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.

// SLIDE 04 — WHAT THE ALTERNATIVE WOULD BRE

WHAT THE ALTERNATIVE WOULD BREAK.

A grouped bar chart showing means and standard deviations — the most common naive substitute — fails because standard de

NARRATION

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.

// SLIDE 05 — FRAMEWORK REFERENCE

FRAMEWORK REFERENCE

FRAMEWORK FT Visual Vocabulary category: Distribution — "Show the range of values in a dataset and how they are distribu

NARRATION

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.

// SLIDE 06 — PROMPT

PROMPT

box-plot.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
box-plot/data.jsonthe data file the chart loads via d3.json("./box-plot/data.json"), with a fallback inline literal in the HTML if the fet
·Annual income (USD thousands) by residential zone. Five groups of n=80 each. Used to demonstrate box plot distribution c
groupstring — category label (band axis)
valuesnumber — raw measurements; Q1/median/Q3/whiskers/outliers computed from these at render time
NARRATION

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:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

William Sealy GossetRun this:"William Sealy Gosset Student t-distribution"Now make the prompt better.
NARRATION

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).

// SLIDE 08 — THESIS

THE CORE CLAIM.

The ideas in this chapter didn't appear from nowhere. William Sealy Gosset — publishing under the pseudonym Student beca

William Sealy Gosset (Student), circa 1910. AI-generated portrait based on a public domain photograph (Wikimedia Commons

NARRATION

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).

// SLIDE 09 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

WHAT THIS CHART IS//WHY IT WAS CHOSEN HERE//WHAT THE ALTERNATIVE WOUL

Brutalist D3 × Claude · Ch.21 · Box Plot

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 21: Box Plot. The patterns are now in place. Apply them.

01 / 09
Brutalist D3 × Claude · Ch.21 · Nik Bear Brown