// SLIDE 01 — HOOK

STEM LEAF

Section B clusters in the 70s and 80s — Section A spreads wider with more extreme values on both ends

Stem Leaf — Figure 68.1 — Section B clusters in the 70s and 80s
NARRATION

Section B clusters in the 70s and 80s , Section A spreads wider with more extreme values on both ends Figure 68.1 , Section B clusters in the 70s and 80s

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

A Stem and Leaf Plot organises a dataset by its place values. Each value is split into a stem (the leading digit or digi

What this chart is — The defining property is losslessness : every original data value is preserved in full and can be reconstructed exactly
NARRATION

A Stem and Leaf Plot organises a dataset by its place values. Each value is split into a stem (the leading digit or digits, typically representing the tens place) and a leaf (the trailing digit, representing the ones place). Stems are arranged in ascending order in a central column; leaves extend horizontally from their corresponding stem. The defining property is losslessness : every original data value is preserved in full and can be reconstructed exactly by combining its stem and leaf.

// SLIDE 03 — BACK-TO-BACK STEMPLOTS

BACK-TO-BACK STEMPLOTS

When two datasets share the same stem values, they can be displayed back-to-back: one dataset's leaves extend to the lef

Back-to-back stemplots — The back-to-back stemplot is the simplest multi-dataset comparison tool that preserves every data value. A side-by-side
NARRATION

When two datasets share the same stem values, they can be displayed back-to-back: one dataset's leaves extend to the left, the other's to the right. The stems occupy the shared central column. This allows direct visual comparison of two distributions at every stem level simultaneously , the viewer reads one dataset's shape from right to left and the other from left to right, and the asymmetry between them is immediately visible. The back-to-back stemplot is the simplest multi-dataset comparison tool that preserves every data value.

// SLIDE 04 — WHY IT WAS CHOSEN HERE

WHY IT WAS CHOSEN HERE.

The message compares two class sections' exam score distributions. The dataset is small enough (25–30 values per section

Why it was chosen here — The back-to-back mode is specifically chosen because the two sections share the same stem structure (60s, 70s, 80s, 90s)
NARRATION

The message compares two class sections' exam score distributions. The dataset is small enough (25, 30 values per section) that every data point can be displayed without overcluttering , this is the stemplot's optimal range. Binning the data into a histogram would lose the exact scores; a box plot would reduce each section to five numbers and hide the clustering pattern in the 70s and 80s.

// SLIDE 05 — SIZE LIMITS AND WHEN NOT TO US

SIZE LIMITS AND WHEN NOT TO USE IT

The stemplot has hard practical limits in both directions. With fewer than 10–15 values, most stem rows contain 0–1 leav

Size limits and when not to use it — Within its range, the stemplot excels for exploratory data analysis, classroom settings, and any context where the analy
NARRATION

The stemplot has hard practical limits in both directions. With fewer than 10, 15 values, most stem rows contain 0, 1 leaves; the "distribution" is too sparse to have a shape, and a simple sorted list is more useful. With more than 50, 80 values per dataset, stem rows become crowded with 10+ leaves, the display wraps, and the visual distribution signal is lost in a wall of digits.

// SLIDE 06 — PROMPT

PROMPT

stem-leaf.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
stem-leaf/data.jsonthe data file the chart loads via d3.json("./stem-leaf/data.json"), with a fallback inline literal in the HTML if the fe
·Exam scores (0–100) for two fictional class sections. Section A has a wider spread with more extreme values on both ends
section_aarray of integers — raw exam scores for Section A. Values are integers 0–100. Optimal range for stemplot display: 20–50
section_barray of integers — raw exam scores for Section B. Same scale as section_a for meaningful back-to-back comparison.
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 stem leaf in D3 v7. Two files:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Arthur Lyon BowleyRun this:"Arthur Lyon Bowley"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Arthur Lyon Bowley was a British statistician who in 1901 produced Elements of Statistics , the first English-language statistics textbook to systematically use simple visual displays (including a precursor to stem-and-leaf and dot displays) to teach inferential reasoning. Arthur Lyon Bowley, circa 1920. 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. Arthur Lyon Bowley was a British statistician who in 1901 produced

Arthur Lyon Bowley, circa 1920. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Arthur Lyon Bowley was a British statistician who in 1901 produced Elements of Statistics , the first English-language statistics textbook to systematically use simple visual displays (including a precursor to stem-and-leaf and dot displays) to teach inferential reasoning. Arthur Lyon Bowley, circa 1920. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

// SLIDE 09 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

WHAT THIS CHART IS//BACK-TO-BACK STEMPLOTS//WHY IT WAS CHOSEN HERE

Brutalist D3 × Claude · Ch.68 · Stem Leaf

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 68: Stem Leaf. The patterns are now in place. Apply them.

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