// SLIDE 01 — HOOK

RADIAL BAR

Aid Deliveries Peak in November and January Around Winter Emergencies — June Access Constraints Create the Annual Trough

Radial Bar — Figure 58.1 — Aid Deliveries Peak in November — June Creates the Annual Trough
NARRATION

Aid Deliveries Peak in November and January Around Winter Emergencies , June Access Constraints Create the Annual Trough at 188K MT Figure 58.1 , Aid Deliveries Peak in November , June Creates the Annual Trough

// SLIDE 02 — WHAT THIS CHART IS

WHAT THIS CHART IS.

A radial bar chart is a bar chart plotted on polar coordinates. Each category occupies an angular band; the bar's radial

What this chart is — In D3 terms: the angular scale is d3.scaleBand() with a range of ; the radial scale is d3.scaleLinear() mapping values t
NARRATION

A radial bar chart is a bar chart plotted on polar coordinates. Each category occupies an angular band; the bar's radial length encodes the value. The viewer reads the same information as a regular bar chart , bar length , but in a circular arrangement. The angular axis replaces the categorical x-axis, and the radial axis replaces the value y-axis.

// SLIDE 03 — THE DISTORTION — WHY THIS CHAR

THE DISTORTION — WHY THIS CHART MISLEADS

The outer arc of a taller bar is not just further from the center — it is literally longer in pixels than the outer arc

The distortion — why this chart misleads — The bar closest to the outer edge gets a disproportionate visual footprint compared to its neighbours. In a 12-bar radia
NARRATION

The outer arc of a taller bar is not just further from the center , it is literally longer in pixels than the outer arc of a shorter bar, even accounting for proportion. This is because arc length = radius times angle . Two bars with the same angular width but different heights have different outer arc lengths. The November bar (318K MT) has an outer arc roughly 1.69times longer than the June bar (188K MT) , but the ratio of their values is only 1.69times anyway.

// SLIDE 04 — WHEN IT IS JUSTIFIED — AND WHY

WHEN IT IS JUSTIFIED — AND WHY IT WAS USED HERE

Monthly data has a genuine cyclic structure. January follows December — the wrap-around is not an arbitrary visual choic

When it is justified — and why it was us — The second justification is communication context. This chart appeared in a slide deck, not a data-analysis tool. For an
NARRATION

Monthly data has a genuine cyclic structure. January follows December , the wrap-around is not an arbitrary visual choice but a property of the data itself. Plotting monthly aid deliveries on a polar axis makes the winter peak visible as a continuous arc (Nov, Jan), which a regular bar chart would split into two ends of the x-axis with a gap in between. The viewer can immediately see that the high-delivery cluster is contiguous, not separated. This is information the bar chart form suppresses.

// SLIDE 05 — WHAT A REGULAR BAR CHART WOULD

WHAT A REGULAR BAR CHART WOULD DO BETTER.

A horizontal bar chart of the same 12 months, sorted by value, would allow precise comparison using the most accurate pe

What a regular bar chart would do better — design decision — January at 12 o'clock, not angular index 0 The angular scale starts at 0 radians with January, which i
NARRATION

A horizontal bar chart of the same 12 months, sorted by value, would allow precise comparison using the most accurate perceptual mechanism available: length along a common scale. The November, June difference (130K MT) would be immediately readable by comparing bar endpoints against the x-axis. No arc-length distortion. No area amplification. Any analyst who needs to argue a 41 percent seasonal swing would use the bar chart, not the radial form, in a technical context.

// SLIDE 06 — FRAMEWORK REFERENCE

FRAMEWORK REFERENCE

framework — FT Visual Vocabulary + Data Visualisation Catalogue Both the FT Visual Vocabulary and the Data Visualisation

NARRATION

framework , FT Visual Vocabulary + Data Visualisation Catalogue Both the FT Visual Vocabulary and the Data Visualisation Catalogue classify radial bar charts as aesthetic-first tools. The Catalogue states directly: "Since our visual systems are better at interpreting straight lines, a regular Bar Chart is a better choice for comparing values. The main reason to use a Radial Bar Chart instead is aesthetic." This is the correct framing. The chart is aesthetically motivated; the bar chart is analytically correct. When you choose the radial form, own the tradeoff.

// SLIDE 07 — PROMPT

PROMPT

radial-bar.htmla full HTML page with inline CSS and inline D3 v7 (loaded from The chart should fill the viewport, be responsive on resi
radial-bar/data.jsonthe data file the chart loads via d3.json("./radial-bar/data.json"), with a fallback inline literal in the HTML if the f
Monthly humanitarian aid delivery volume, FY 2024 (simulated). Twelve categories mapped to angular positions on a polar a regular bar chart will be more honest.
data.monthstring, category label — mapped to angular band
data.valuenumber, quantity — encoded as bar length (radial extent) from innerRadius
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 radial bar in D3 v7. Two files:

// SLIDE 08 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Will BurtinRun this:"Will Burtin"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Will Burtin was a German-American information designer who, in the 1940s and 50s, produced some of the first sophisticated radial visualizations , including a famous 1951 chart of antibiotic effectiveness against bacterial species using a radial bar layout. He shaped Fortune magazine's visual identity. Will Burtin, circa 1955. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

// SLIDE 09 — THESIS

THE CORE CLAIM.

The ideas in this chapter didn't appear from nowhere. Will Burtin was a German-American information designer who, in the

Will Burtin, circa 1955. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Will Burtin was a German-American information designer who, in the 1940s and 50s, produced some of the first sophisticated radial visualizations , including a famous 1951 chart of antibiotic effectiveness against bacterial species using a radial bar layout. He shaped Fortune magazine's visual identity. Will Burtin, circa 1955. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

// SLIDE 10 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

WHAT THIS CHART IS//THE DISTORTION — WHY THIS//WHEN IT IS JUSTIFIED — AN

Brutalist D3 × Claude · Ch.58 · Radial Bar

NARRATION

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

01 / 10
Brutalist D3 × Claude · Ch.58 · Nik Bear Brown