// SLIDE 01 — HOOK

PARALLEL COORDINATES

Health programs lead on efficiency —emergency response moves fastest but costs most

Parallel Coordinates — Figure 50.1 — Health programs lead on efficiency — emergency response moves fastest but costs most
NARRATION

Health programs lead on efficiency , emergency response moves fastest but costs most Figure 50.1 , Health programs lead on efficiency , emergency response moves fastest but costs most

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

A parallel coordinates plot represents each observation as a polyline that crosses multiple vertical axes. Each axis enc

What this chart is — It is the only chart type that can display seven or more quantitative variables simultaneously without collapsing into a
NARRATION

A parallel coordinates plot represents each observation as a polyline that crosses multiple vertical axes. Each axis encodes one variable; the position where a line crosses an axis encodes that variable's value. The perceptual mechanism is pattern detection through line slope and clustering , lines that run parallel between two adjacent axes indicate positive correlation; lines that cross indicate negative correlation or inverse relationship.

// SLIDE 03 — WHY IT WAS CHOSEN HERE

WHY IT WAS CHOSEN HERE.

The data structure is 28 records × 7 numerical dimensions — the canonical parallel coordinates use case. The message is

Why it was chosen here — A scatter plot matrix would need 21 panels to show the same variable pairs. A radar chart would collapse all 28 records
NARRATION

The data structure is 28 records times 7 numerical dimensions , the canonical parallel coordinates use case. The message is multivariate: no single axis tells the story. The pattern worth finding is how program type creates characteristic "signatures" , consistent shapes across all seven axes that reveal trade-offs (emergency programs sacrifice efficiency for speed; health programs achieve high efficiency but serve fewer beneficiaries). A scatter plot matrix would need 21 panels to show the same variable pairs.

// SLIDE 04 — BRUSHING — THE ESSENTIAL FIX

BRUSHING — THE ESSENTIAL FIX

Without brushing, parallel coordinates are visually overwhelming at 28 lines. With brushing, the viewer can isolate the

Brushing — the essential fix — Multi-axis brushing uses intersection logic: a line is highlighted only if it falls within every active brush range simu
NARRATION

Without brushing, parallel coordinates are visually overwhelming at 28 lines. With brushing, the viewer can isolate the subset of interest , "show me only programs with efficiency above 80 percent and AI accuracy above 90 percent" , and let the remaining lines fade to near-invisible. Brushing is not optional decoration on this chart type. It is the primary analytical mechanism. Multi-axis brushing uses intersection logic: a line is highlighted only if it falls within every active brush range simultaneously.

// SLIDE 05 — AXIS ORDER AND CORRELATION

AXIS ORDER AND CORRELATION

Adjacent axes reveal correlations more clearly than non-adjacent ones. Dragging the "Funding ($M)" axis next to "Benefic

Axis order and correlation — This is the key design parameter. There is no universal optimal axis order — the right order depends on which relationsh
NARRATION

Adjacent axes reveal correlations more clearly than non-adjacent ones. Dragging the "Funding ($M)" axis next to "Beneficiaries (k)" will make the positive correlation between them immediately visible as lines running roughly parallel. Moving "Response (days)" adjacent to "Efficiency ( percent)" reveals the trade-off: slower response correlates with higher efficiency , planned programs outperform emergency deployments on cost-effectiveness. This is the key design parameter. There is no universal optimal axis order , the right order depends on which relationship the viewer is investigating.

// SLIDE 06 — PROMPT

PROMPT

parallel-coordinates.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
parallel-coordinates/data.jsonthe data file the chart loads via d3.json("./parallel-coordinates/data.json"), with a fallback inline literal in the HTM
·28 humanitarian AI programs measured across 7 numerical dimensions. Each record is one line in the parallel coordinates
dimensions.idstring — key matching data record fields
dimensions.labelstring — axis header label
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 coordinates in D3 v7. Two files:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Alfred InselbergRun this:"Alfred Inselberg"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Alfred Inselberg invented parallel coordinates in 1959 , a way to plot high-dimensional points by stringing them across parallel vertical axes , and spent decades developing the geometry behind the technique. It is now the standard chart for high-dimensional categorical data. Alfred Inselberg, circa 1985. 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. Alfred Inselberg invented parallel coordinates in 1959 — a way to

Alfred Inselberg, circa 1985. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Alfred Inselberg invented parallel coordinates in 1959 , a way to plot high-dimensional points by stringing them across parallel vertical axes , and spent decades developing the geometry behind the technique. It is now the standard chart for high-dimensional categorical data. Alfred Inselberg, circa 1985. 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//BRUSHING — THE ESSENTIAL

Brutalist D3 × Claude · Ch.50 · Parallel Coordinates

NARRATION

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

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