// SLIDE 01 — HOOK

CHAPTER 17 — BUILDING A COMPLETE PROJECT

A single chart has one question and one answer. A project has several related questions, a shared visual language, a pub

Chapter 17 — Building a Complete Project — The difference is not scale. A project with three charts is still a project. The difference is that a project makes the
NARRATION

A single chart has one question and one answer. A project has several related questions, a shared visual language, a publication context, and a paper trail of decisions that lets someone else , or future you , understand why each choice was made. The difference is not scale. A project with three charts is still a project. The difference is that a project makes the relationship between the charts explicit.

// SLIDE 02 — PHASE A: THE QUESTION PRECEDES

PHASE A: THE QUESTION PRECEDES THE DATA

·Which countries of origin are producing the most refugees, and how has this changed across 2020 to 2024?
·Which countries are receiving the most refugees?
What proportion of forced displacement is internalwithin the same country — versus international?
NARRATION

The MBTA team began with three questions. This is not a workflow choice. It is the only sequence that produces a coherent project. If you start with the data, you will produce charts that show whatever the data makes easy to show. The chart will be technically accurate and communicatively inert , a mirror of the data's structure, not an answer to a question anyone has. The reader will look at it and not know what to do with it.

// SLIDE 03 — PHASE B: THE SCHEMA BEFORE THE

PHASE B: THE SCHEMA BEFORE THE CHART

Phase B builds the infrastructure the project needs before any chart is generated. Three files: CLAUDE.md, DESIGN.md, an

Phase B: The Schema Before the Chart — This split was introduced in Chapter 00 and matters more in a project than in a single-chart session. The reason is the
NARRATION

Phase B builds the infrastructure the project needs before any chart is generated. Three files: CLAUDE.md, DESIGN.md, and PROJECT.md. This split was introduced in Chapter 00 and matters more in a project than in a single-chart session. The reason is the instruction budget: Claude Code's context window can hold only so many constraints reliably.

// SLIDE 04 — PHASE C: GENERATING THE CHARTS

PHASE C: GENERATING THE CHARTS

Marksrectangles (heatmap cells).
y-positioncountry of origin, sorted by total 2020–2024 count descending.
x-positionyear (2020, 2021, 2022, 2023, 2024).
Color luminancerefugee count, sequential pale-to-dark.
Marksrectangles.
NARRATION

With the three questions framed and the schema files written, Phase C produces the charts. One chart at a time. Each chart prompt follows the four-move structure. Each chart gets the channel decomposition that the question demands. Question 1 asks about both ranking (which countries) and change over time (how has this changed). A heatmap answers both simultaneously: countries on the y-axis, years on the x-axis, color luminance encoding the count.

// SLIDE 05 — PHASE D: THE AUDIT

PHASE D: THE AUDIT

v1 — 2026-04-12
v2 — 2026-04-12
v3 — 2026-04-13
Final — 2026-04-13
NARRATION

Every chart goes through the Evergreen/Emery 22-point checklist before it is called publishable. Chapter 15 walks the full checklist. For the three charts in this project, the checklist is applied in order, and every failure gets a targeted follow-up prompt. The audit is not a formality. It is the mechanism that finds the things the prompt specification missed. The label that is too small at deployment width. The color that looks fine on a calibrated monitor but fails the color-blind simulation.

// SLIDE 06 — PHASE E: HANDOFF

PHASE E: HANDOFF

Source citation"Data: UNHCR Refugee Statistics, 2024. Available at: unhcr.org/refugee-statistics." The reader must be able to verify th
Methodology note"Counts are point-in-time totals as of December 31 of each year. Some counts include UNHCR estimates where national data
Data quality note"Data quality varies by country. Some figures are provisional." The reader must know where the data is uncertain.
Accessibility metadataARIA role and label on every SVG, <title> and <desc> elements, keyboard accessibility for interactive elements, color-co
NARRATION

A publishable chart is not a published chart. The handoff includes everything the reader needs to trust the chart and know where the data came from. Source citation: "Data: UNHCR Refugee Statistics, 2024. Available at: unhcr.org/refugee-statistics." The reader must be able to verify the data. Methodology note: "Counts are point-in-time totals as of December 31 of each year. Some counts include UNHCR estimates where national data is unavailable." The reader must know the data's limitations. Data quality note: "Data quality varies by country.

// SLIDE 07 — CAIRO'S FINAL TEST

CAIRO'S FINAL TEST.

"Which countries of origin are producing the most refugees, and how has this changed across 2020 to 2024?"Does the heatmap show a clear ranking and a clear temporal trend? Can a reader name the top three source countries after
"Which countries are receiving the most refugees?"Does the bar chart show a clear ranking with readable values?
"What proportion of forced displacement is internal versus international?"Does the stacked bar show the split clearly, with labeled proportions?
NARRATION

The book has invoked Cairo's ethical frame throughout. This chapter is where it applies most directly to a completed project. Cairo's criterion: the purpose of the graphic is to answer the question. A chart that is technically clean, perceptually accurate, well-annotated, and visually polished , but which does not answer the communication question it was supposed to answer , is a failed chart. The audit catches technical and perceptual failures. This test catches purpose failures.

// SLIDE 08 — WHAT COMPLETING THIS PROJECT T

WHAT COMPLETING THIS PROJECT TEACHES.

The book's argument has been that D3 visualization was two problems. The first: implementation. Writing valid D3 code fo

What Completing This Project Teaches — Claude Code dissolved the first problem. A chart that took a day to implement now takes twelve seconds. The iteration cy
NARRATION

The book's argument has been that D3 visualization was two problems. The first: implementation. Writing valid D3 code for a specific chart type on a specific dataset took hours; the barrier was technical. The second: design. Knowing what chart to build, which channel to use for which attribute, how to apply the relevant design rules, how to audit the output , these require judgment that cannot be automated. Claude Code dissolved the first problem. A chart that took a day to implement now takes twelve seconds.

// SLIDE 09 — EXERCISES

EXERCISES

Exercise 17.1 — Frame three questions.Exercise 17.2 — Build CLAUDE.md.Exercise 17.3 — Phase A gap analysis.Exercise 17.4 — Phase B: schema files.Exercise 17.5 — Phase C: generate all three charts.
NARRATION

Exercise 17.1 , Frame three questions. Take a dataset you work with or have access to. Write three reader-focused communication questions following the MBTA model. Each question should name the audience, the specific thing they need to know, and the decision the answer informs. Test each question: can it be answered by a single chart or small set of charts? If not, narrow it. Exercise 17.2 , Build CLAUDE.md. Draft a CLAUDE.md for a project in your domain.

// SLIDE 10 — KEY TERMS

KEY TERMS

MBTA process model.CLAUDE.md.DESIGN.md.PROJECT.md.Phase A — Audit.
NARRATION

MBTA process model. Question goes to data audit goes to prototype goes to select goes to build goes to audit goes to publish. Start with the question; let the data and the iteration reveal the chart. CLAUDE.md. The project's coding constitution. D3 version, encoding requirements, naming conventions, accessibility defaults. Loads every session. Short enough that Claude Code retains it reliably.

// SLIDE 11 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Buckminster FullerRun this:"Buckminster Fuller Dymaxion"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Buckminster Fuller spent decades insisting that a designer's job is not to make objects but to make the whole system legible to the people who have to live with it. His Dymaxion map and the World Game were enormous communication projects: a data narrative wrapped around a verifiable artifact, end to end. The complete-project discipline of this chapter , README to chart to audit log , is Fuller's idea of legibility scaled down. Buckminster Fuller, circa 1962.

// SLIDE 12 — THESIS

THE CORE CLAIM.

The ideas in this chapter didn't appear from nowhere. Buckminster Fuller spent decades insisting that a designer's job i

Buckminster Fuller, circa 1962. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

NARRATION

The ideas in this chapter didn't appear from nowhere. Buckminster Fuller spent decades insisting that a designer's job is not to make objects but to make the whole system legible to the people who have to live with it. His Dymaxion map and the World Game were enormous communication projects: a data narrative wrapped around a verifiable artifact, end to end. The complete-project discipline of this chapter , README to chart to audit log , is Fuller's idea of legibility scaled down. Buckminster Fuller, circa 1962.

// SLIDE 13 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

PHASE A: THE QUESTION PRE//PHASE B: THE SCHEMA BEFOR//PHASE C: GENERATING THE C

Brutalist D3 × Claude · Ch.16 · Chapter 17 — Building a Complete Project

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 16: Chapter 17 , Building a Complete Project. The patterns are now in place. Apply them.

01 / 13
Brutalist D3 × Claude · Ch.17 · Nik Bear Brown