// SLIDE 01 — HOOK

MULTISET BAR

No Region Receives What It Requests — Middle East Faces the Largest Absolute Funding Gap at $2.33B

Multiset Bar — Figure 46.1 — No Region Receives What It Requests
NARRATION

No Region Receives What It Requests , Middle East Faces the Largest Absolute Funding Gap at $2.33B Figure 46.1 , No Region Receives What It Requests

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

A multi-set bar chart places multiple bars side-by-side within each category group. The viewer simultaneously reads two

What this chart is — The structural signature is the nested scale: one scale governs the position of each group along the x-axis; a second, i
NARRATION

A multi-set bar chart places multiple bars side-by-side within each category group. The viewer simultaneously reads two things: the length of individual bars (how large each series value is for that category) and the relative lengths of bars within the same group (how the series compare against each other at that category). The primary perceptual channel is length along a common baseline , the most accurate quantitative judgment available to the human visual system, according to Cleveland and McGill's hierarchy of perceptual tasks.

// SLIDE 03 — WHY IT WAS CHOSEN HERE

WHY IT WAS CHOSEN HERE.

The data has a specific two-level comparison structure: the analyst needs to compare values across regions (is the Middl

Why it was chosen here — The funding pipeline story has a natural left-to-right series order: Requested → Received → Expenditure follows the logi
NARRATION

The data has a specific two-level comparison structure: the analyst needs to compare values across regions (is the Middle East gap larger than East Africa's?) and within regions (how does received compare to requested in the same region?). A multi-set bar chart handles both questions simultaneously. The within-group comparison is immediate , adjacent bars share a baseline and differ only in length.

// SLIDE 04 — WHAT THE ALTERNATIVES LOSE

WHAT THE ALTERNATIVES LOSE.

stacked bar chartsmall multiples line chartdot plot
NARRATION

A stacked bar chart would allow the total of all three series per region to be read directly , but the funding requested, received, and expenditure values do not sum to a meaningful whole. Stacking three pipeline stages would imply they are additive components of a total, which they are not.

// SLIDE 05 — FRAMEWORK REFERENCE

FRAMEWORK REFERENCE

framework — FT Visual Vocabulary The FT Visual Vocabulary places grouped bar charts in its Comparison category alongside

NARRATION

framework , FT Visual Vocabulary The FT Visual Vocabulary places grouped bar charts in its Comparison category alongside simple bar charts and dot plots. Its note: use a grouped bar chart when the subcategory comparison within groups is as important as the comparison between groups. The test , if you only need to compare totals across categories, a simple bar chart suffices. If you need to see the internal breakdown, group or stack. If the components are not additive, group rather than stack.

// SLIDE 06 — PROMPT

PROMPT

multiset-bar.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
multiset-bar/data.jsonthe data file the chart loads via d3.json("./multiset-bar/data.json"), with a fallback inline literal in the HTML if the
Humanitarian funding pipeline by geographic region, FY 2024 (simulated). Three seriesRequested, Received, Expenditure — grouped by region. Illustrates the funding gap and spending efficiency across respons
seriesarray of string, series keys in display order (left → right within each group)
series_labelsstring, human-readable label for each series key
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 multiset bar in D3 v7. Two files:

// SLIDE 07 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Howard WainerRun this:"Howard Wainer"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Howard Wainer spent decades arguing , in Visual Revelations and in dozens of Chance magazine columns , that most published graphs commit the same handful of mistakes again and again. His careful redesigns of misleading charts taught a generation of statisticians to see them. Howard Wainer, circa 1997. 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. Howard Wainer spent decades arguing — in Visual Revelations and in

Howard Wainer, circa 1997. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Howard Wainer spent decades arguing , in Visual Revelations and in dozens of Chance magazine columns , that most published graphs commit the same handful of mistakes again and again. His careful redesigns of misleading charts taught a generation of statisticians to see them. Howard Wainer, circa 1997. 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//WHAT THE ALTERNATIVES LOS

Brutalist D3 × Claude · Ch.46 · Multiset Bar

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 46: Multiset Bar. The patterns are now in place. Apply them.

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