// SLIDE 01 — HOOK

DENSITY PLOT

Crisis Type Determines Response Delay —Conflict Shows Bimodal Pattern, Displacement Skews Right

Density Plot — Figure 32.1 — Crisis Type Determines Response Delay
NARRATION

Crisis Type Determines Response Delay , Conflict Shows Bimodal Pattern, Displacement Skews Right Figure 32.1 , Crisis Type Determines Response Delay

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

Kernel Density Estimateposition along a common scaleEpanechnikov kernel
NARRATION

A density plot (formally a Kernel Density Estimate , or KDE) visualises the distribution of a continuous variable by placing a smooth kernel function over each data point and summing the result across the range. The perceptual mechanism exploited is position along a common scale , the curve's height at any x-value encodes the probability density there. Peaks reveal where values concentrate. Troughs reveal gaps. Shape , symmetric, skewed, bimodal , is the primary message.

// SLIDE 03 — WHY IT WAS CHOSEN

WHY IT WAS CHOSEN.

The data is three sets of continuous observations — response times in days — where the shape of each distribution is the

NARRATION

The data is three sets of continuous observations , response times in days , where the shape of each distribution is the message, not individual values. The conflict distribution is bimodal: fast-strike responses and protracted negotiations produce two distinct clusters. A histogram would either smooth that bimodality away (too few bins) or introduce false peaks from bin boundary placement (too many bins). A density plot eliminates the bin count decision entirely by using a continuous kernel , producing a shape that is stable under reasonable bandwidth choices.

// SLIDE 04 — WHAT THE HISTOGRAM WOULD BREAK

WHAT THE HISTOGRAM WOULD BREAK.

A histogram's shape changes with bin width and bin origin — two parameters with no principled optimal value. The same da

NARRATION

A histogram's shape changes with bin width and bin origin , two parameters with no principled optimal value. The same data can appear unimodal at 5 bins and bimodal at 15. For the conflict distribution here, the bimodal structure at days 2, 3 and days 12, 15 would be visible with narrow bins but destroyed with wide ones.

// SLIDE 05 — BANDWIDTH — THE ONE REAL PARAM

BANDWIDTH — THE ONE REAL PARAMETER

The density plot trades the histogram's bin-width problem for a bandwidth (smoothing window) problem — but the tradeoff

NARRATION

The density plot trades the histogram's bin-width problem for a bandwidth (smoothing window) problem , but the tradeoff is better. Bandwidth affects smoothness, not shape topology. The bw − / bw + buttons on slide 1 let you tune bandwidth in real time. The optimal bandwidth for this dataset is 2.5 (set in data.json ). Increasing it to 5.0 would merge the conflict bimodal peaks. Decreasing to 1.0 would fragment the natural disaster distribution into false peaks.

// SLIDE 06 — PROMPT

PROMPT

density-plot.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
density-plot/data.jsonthe data file the chart loads via d3.json("./density-plot/data.json"), with a fallback inline literal in the HTML if the
Simulated humanitarian aid response times (days from crisis onset to first aid delivery) across three crisis types. Fictrealistic distributional shapes derived from sector literature. Proves KDE renders before real data is substituted.
labelstring — crisis category name, used in legend and tooltip
fillstring — hex color, mapped to hai palette roles (p2/p3/p5)
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 density plot in D3 v7. Two files:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Karl PearsonRun this:"Karl Pearson"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Karl Pearson coined the word "histogram" in 1891 and developed the system of probability distributions, skewness, and kurtosis that lets us reason about smooth density curves. His statistical contributions are foundational; his entanglement with eugenics is dark. Karl Pearson, 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. Karl Pearson coined the word "histogram" in 1891 and developed the

Karl Pearson, circa 1910. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Karl Pearson coined the word "histogram" in 1891 and developed the system of probability distributions, skewness, and kurtosis that lets us reason about smooth density curves. His statistical contributions are foundational; his entanglement with eugenics is dark. Karl Pearson, 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//WHAT THE HISTOGRAM WOULD

Brutalist D3 × Claude · Ch.32 · Density Plot

NARRATION

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

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