// SLIDE 01 — HOOK

STREAM GRAPH

Music Genre Dominance — Streaming Volume 2000–2023

Stream Graph — Figure 69.1 — Music Genre Dominance 2000–2023
NARRATION

Music Genre Dominance , Streaming Volume 2000, 2023 Figure 69.1 , Music Genre Dominance 2000, 2023

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

A stream graph is a stacked area chart where the baseline is not fixed at zero but is instead computed by a symmetric wi

NARRATION

A stream graph is a stacked area chart where the baseline is not fixed at zero but is instead computed by a symmetric wiggle algorithm that minimises the average slope of all layer edges simultaneously. This produces the characteristic river-like silhouette: streams swell where values peak and contract where they decline, with the central axis itself oscillating to distribute visual weight symmetrically around the horizontal midpoint.

// SLIDE 03 — WHY IT WAS CHOSEN HERE

WHY IT WAS CHOSEN HERE.

The dataset is seven music genres measured across 24 years, and the message is about long-run trends and the transition

NARRATION

The dataset is seven music genres measured across 24 years, and the message is about long-run trends and the transition of dominance , not precise annual values. The stream graph excels precisely at this use case: a large volume of temporal categorical data where the interesting signal is the rise and fall of relative magnitudes rather than exact numbers.

// SLIDE 04 — WHAT THE ALTERNATIVE WOULD BRE

WHAT THE ALTERNATIVE WOULD BREAK.

A stacked area chart with a zero baseline would communicate the same data but introduce two artefacts: visual instabilit

NARRATION

A stacked area chart with a zero baseline would communicate the same data but introduce two artefacts: visual instability for upper layers caused by the cumulative stack (not the data), and a misleading implied absolute baseline that suggests quantities can be read against an axis , which they cannot without vertical gridlines. A line chart for each genre would allow precise reading of individual trends but makes cross-category comparison and total-volume reading impossible. The catalogue's caution is correct: small categories are visually suppressed in a stream graph.

// SLIDE 05 — FRAMEWORK REFERENCE

FRAMEWORK REFERENCE

FRAMEWORK FT Visual Vocabulary category: Change Over Time — "Show change in value of one or more variables, here multipl

NARRATION

FRAMEWORK FT Visual Vocabulary category: Change Over Time , "Show change in value of one or more variables, here multiple categories stacked with a symmetric baseline." Tufte caution: the stream graph sacrifices readability of exact values for aesthetic engagement and pattern salience , an intentional trade. The one design decision worth knowing: layer ordering matters critically.

// SLIDE 06 — PROMPT

PROMPT

stream-graph.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
stream-graph/data.jsonthe data file the chart loads via d3.json("./stream-graph/data.json"), with a fallback inline literal in the HTML if the
Stream graph datatime-series values for multiple categories. Values are a relative index (0–100 scale). Years and series values must be p
yearsnumber — x-axis time points (integers, in order)
series.idstring — unique key, must match COLORS lookup in JS
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 stream graph in D3 v7. Two files:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Joseph FourierRun this:"Joseph Fourier series"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Joseph Fourier proved in 1822 that any periodic function could be decomposed into a sum of stacked sinusoids , and that the sum, drawn on paper as overlapping waveforms, was a more legible record of the underlying components than the raw signal. Strip away the trigonometry and you have the stream-graph: many categorical waveforms stacked, the total flowing through a baseline-free curve, the structure visible only after the decomposition is plotted. Joseph Fourier, circa 1820.

// SLIDE 08 — THESIS

THE CORE CLAIM.

The ideas in this chapter didn't appear from nowhere. Joseph Fourier proved in 1822 that any periodic function could be

Joseph Fourier, circa 1820. AI-generated portrait based on a public domain engraving (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Joseph Fourier proved in 1822 that any periodic function could be decomposed into a sum of stacked sinusoids , and that the sum, drawn on paper as overlapping waveforms, was a more legible record of the underlying components than the raw signal. Strip away the trigonometry and you have the stream-graph: many categorical waveforms stacked, the total flowing through a baseline-free curve, the structure visible only after the decomposition is plotted. Joseph Fourier, circa 1820.

// 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.69 · Stream Graph

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 69: Stream Graph. The patterns are now in place. Apply them.

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