// SLIDE 01 — HOOK

DOT MAP

Library density clusters in the Northeast and Great Lakes — the interior West is sparse

Dot Map — Figure 34.1 — Library density clusters in the Northeast and Great Lakes
NARRATION

Library density clusters in the Northeast and Great Lakes , the interior West is sparse Figure 34.1 , Library density clusters in the Northeast and Great Lakes

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

A Dot Map encodes the geographic location of discrete events or objects as equally-sized points plotted over a geographi

What this chart is — Two variants exist. In a one-to-one map, each dot represents a single real-world object — one library, one hospital, one
NARRATION

A Dot Map encodes the geographic location of discrete events or objects as equally-sized points plotted over a geographic base layer. It exploits the viewer's perceptual ability to detect visual density , clusters of points register immediately as regions of high concentration, sparse areas as low concentration. This is a preattentive task: the pattern emerges before conscious counting begins. Two variants exist. In a one-to-one map, each dot represents a single real-world object , one library, one hospital, one crime incident.

// SLIDE 03 — WHY IT WAS CHOSEN HERE

WHY IT WAS CHOSEN HERE.

The message is about spatial distribution and clustering — where things are, and whether they concentrate. No aggregatio

Why it was chosen here — The dot map preserves the original spatial resolution of the data while making density patterns immediately visible thro
NARRATION

The message is about spatial distribution and clustering , where things are, and whether they concentrate. No aggregation is applied: each point is a real facility at a real coordinate. Aggregating to county or state would mask the intra-regional variation that is the actual story (a state with one dense urban cluster and vast rural emptiness looks identical to a state with uniform coverage). The dot map preserves the original spatial resolution of the data while making density patterns immediately visible through point clustering.

// SLIDE 04 — WHAT THE REJECTED ALTERNATIVE

WHAT THE REJECTED ALTERNATIVE BREAKS.

A Choropleth Map — the most common alternative — aggregates values by administrative unit (state, county) and encodes th

What the rejected alternative breaks — A Bubble Map would aggregate counts by city or county centroid, losing the precise location information and misrepresent
NARRATION

A Choropleth Map , the most common alternative , aggregates values by administrative unit (state, county) and encodes them as fill colour. For this data, it would collapse every library in Massachusetts into a single state-level count, hiding the fact that Boston has dozens of branches within a few square miles while rural western Massachusetts has almost none.

// SLIDE 05 — WHAT DOT MAPS CANNOT TELL YOU

WHAT DOT MAPS CANNOT TELL YOU.

Dot maps do not encode quantity at a point — a dot cluster of twelve libraries and a dot cluster of forty look similar u

What dot maps cannot tell you — This implementation mitigates overplotting with a small dot radius, semi-transparency on the SVG layer, and zoom — the v
NARRATION

Dot maps do not encode quantity at a point , a dot cluster of twelve libraries and a dot cluster of forty look similar unless you zoom in and count. They are not suitable for retrieving precise counts or comparing exact values between regions. They also suffer from overplotting at dense scales: when many points share near-identical coordinates, they merge visually and the underlying count is lost.

// SLIDE 06 — PROMPT

PROMPT

dot-map.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
dot-map/data.jsonthe data file the chart loads via d3.json("./dot-map/data.json"), with a fallback inline literal in the HTML if the fetc
·Public library branch locations across the United States. Each record is one branch facility. 120 placeholder entries sp
namestring — branch name (shown in tooltip and stat bar)
citystring — city name
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 dot map in D3 v7. Two files:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

André-Michel GuerryRun this:"André-Michel Guerry"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. André-Michel Guerry founded "moral statistics" in 1830s France , mapping crime rates, suicide rates, and literacy as shaded and dotted maps. He invented many of the conventions still used in thematic cartography. André-Michel Guerry, circa 1833. AI-generated portrait based on a public domain engraving (Wikimedia Commons).

// SLIDE 08 — THESIS

THE CORE CLAIM.

The ideas in this chapter didn't appear from nowhere. André-Michel Guerry founded "moral statistics" in 1830s France — m

André-Michel Guerry, circa 1833. AI-generated portrait based on a public domain engraving (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. André-Michel Guerry founded "moral statistics" in 1830s France , mapping crime rates, suicide rates, and literacy as shaded and dotted maps. He invented many of the conventions still used in thematic cartography. André-Michel Guerry, circa 1833. AI-generated portrait based on a public domain engraving (Wikimedia Commons).

// SLIDE 09 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

WHAT THIS CHART IS//WHY IT WAS CHOSEN HERE//WHAT THE REJECTED ALTERNA

Brutalist D3 × Claude · Ch.34 · Dot Map

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 34: Dot Map. The patterns are now in place. Apply them.

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