// SLIDE 01 — HOOK

PARALLEL SETS

Higher education routes to higher income — but employment status reshapes the path

Parallel Sets — Figure 51.1 — Higher education routes to higher income — but employment status reshapes the path
NARRATION

Higher education routes to higher income , but employment status reshapes the path Figure 51.1 , Higher education routes to higher income , but employment status reshapes the path

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

Parallel Sets encode the joint distribution of multiple categorical variables simultaneously. Each dimension is represen

What this chart is — The key perceptual mechanism is width-along-a-common-baseline: the viewer reads the relative size of each ribbon as a pr
NARRATION

Parallel Sets encode the joint distribution of multiple categorical variables simultaneously. Each dimension is represented as a vertical axis; the categories within each dimension appear as proportional segments (blocks) on that axis. Ribbons connect adjacent dimensions: each ribbon represents the population subset that belongs to a specific category in dimension A and a specific category in dimension B. Ribbon width is proportional to that subset's count.

// SLIDE 03 — HOW IT DIFFERS FROM A SANKEY D

HOW IT DIFFERS FROM A SANKEY DIAGRAM.

Both charts use proportional ribbon widths to show flow. The critical difference is structural. A Sankey Diagram shows f

How it differs from a Sankey diagram — A Parallel Sets chart imposes a strict rectangular axis structure. Every dimension occupies a vertical column; every cat
NARRATION

Both charts use proportional ribbon widths to show flow. The critical difference is structural. A Sankey Diagram shows flows between nodes in an arbitrary network , nodes can appear at any position, flows can cross and split in any direction, and the topology is defined by the data's actual directed graph. It is designed for process flows: energy systems, supply chains, user journeys with multiple possible paths. A Parallel Sets chart imposes a strict rectangular axis structure.

// SLIDE 04 — WHY IT WAS CHOSEN HERE

WHY IT WAS CHOSEN HERE.

The message involves the joint relationship between three categorical variables: Education, Employment Status, and Incom

Why it was chosen here — A grouped bar chart could show one pairwise relationship at a time but would require six separate charts to cover all di
NARRATION

The message involves the joint relationship between three categorical variables: Education, Employment Status, and Income. These are not process steps in a causal sequence , they are co-occurring attributes of a population. The question is distributional: "what proportion of the population occupies each combination of these three categories?" A grouped bar chart could show one pairwise relationship at a time but would require six separate charts to cover all dimension pairs. A mosaic plot (Marimekko) could show two dimensions simultaneously.

// SLIDE 05 — WHAT THE REJECTED ALTERNATIVE

WHAT THE REJECTED ALTERNATIVE BREAKS.

A Parallel Coordinates Plot — the visually closest alternative — encodes each observation as a polyline crossing multipl

What the rejected alternative breaks — A Sankey Diagram would work but implies directionality and process. Showing Education → Income as a Sankey implies that
NARRATION

A Parallel Coordinates Plot , the visually closest alternative , encodes each observation as a polyline crossing multiple continuous axes. It is designed for continuous data: each observation's exact value on each axis is plotted and connected. Applied to categorical data, all observations within a category collapse to the same line, producing overplotted bands that are indistinguishable from one another without transparency hacks. Parallel Sets solves this by encoding aggregated counts as ribbon widths rather than individual observations as lines.

// SLIDE 06 — PROMPT

PROMPT

parallel-sets.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
parallel-sets/data.jsonthe data file the chart loads via d3.json("./parallel-sets/data.json"), with a fallback inline literal in the HTML if th
Joint categorical distribution of 1,200 survey respondents across three dimensionsEducation level, Employment Status, and Income Bracket. Each flow record represents a unique combination of one category
dimensionsarray of strings — ordered dimension names, left to right on the chart
categoriesobject — maps each dimension name to an ordered array of its category labels (order determines top-to-bottom block order
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 parallel sets in D3 v7. Two files:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

John B. SparksRun this:"John B. Sparks Histomap"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. John B. Sparks published the Histomap of Evolution (1932) and Histomap of World History (1931) , five-foot fold-out charts that ran from antiquity to the present, with each civilization rendered as a horizontal ribbon whose width tracked its relative power. Multiple categorical bands, time on one axis, magnitude in band-width, the whole thing readable as a single image: the parallel-sets form, drawn by hand on cardstock. John B. Sparks, circa 1933.

// SLIDE 08 — THESIS

THE CORE CLAIM.

The ideas in this chapter didn't appear from nowhere. John B. Sparks published the Histomap of Evolution (1932) and Hist

John B. Sparks, circa 1933. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. John B. Sparks published the Histomap of Evolution (1932) and Histomap of World History (1931) , five-foot fold-out charts that ran from antiquity to the present, with each civilization rendered as a horizontal ribbon whose width tracked its relative power. Multiple categorical bands, time on one axis, magnitude in band-width, the whole thing readable as a single image: the parallel-sets form, drawn by hand on cardstock. John B. Sparks, circa 1933. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

// SLIDE 09 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

WHAT THIS CHART IS//HOW IT DIFFERS FROM A SAN//WHY IT WAS CHOSEN HERE

Brutalist D3 × Claude · Ch.51 · Parallel Sets

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 51: Parallel Sets. The patterns are now in place. Apply them.

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