// SLIDE 01 — HOOK

CHAPTER 16 — DESIGN PRINCIPLES IN PRACTICE

The design-principle literature has four major contributors that matter for this book. They are not interchangeable; the

Chapter 16 — Design Principles in Practi — Tufte's contribution is the two heuristics that ground the entire audit tradition. First: data-ink ratio — the proportio
NARRATION

The design-principle literature has four major contributors that matter for this book. They are not interchangeable; they contribute differently. Tufte's contribution is the two heuristics that ground the entire audit tradition. First: data-ink ratio , the proportion of total ink devoted to encoding data should be as high as possible. Remove ink that doesn't encode anything. Second: proportional ink , the visual area of a chart element must be proportional to the data value it represents. These are heuristics, not laws. They require judgment to apply.

// SLIDE 02 — PROPORTIONAL INK: THE FOUNDATI

PROPORTIONAL INK: THE FOUNDATION

Proportional ink is the most concrete of Tufte's principles, and the one with the clearest empirical grounding. Stevens'

Proportional ink: the foundation — The violations are consistent across chart types. Bar chart with a truncated y-axis: the bar's length encodes (value min
NARRATION

Proportional ink is the most concrete of Tufte's principles, and the one with the clearest empirical grounding. Stevens' power law gives the mechanism: the eye perceives area sublinearly. When the visual area of a chart element doesn't match the data value , because the baseline is truncated, or radius rather than area is encoded, or three-dimensional perspective distorts the geometry , the reader's perception diverges from the underlying value in ways the math predicts. The violations are consistent across chart types.

// SLIDE 03 — DATA-INK RATIO: THE HEURISTIC

DATA-INK RATIO: THE HEURISTIC AND ITS RESOLUTION

Light gridlines at axis ticks — Remove
Color luminance reinforcing position — Remove (redundant)
Value annotations above bars — Keep
3D bar perspective — Remove
NARRATION

Tufte's data-ink ratio , the proportion of total ink that encodes data , is a heuristic, not a formula. No one computes it literally. Its value is as a direction: when you look at a chart and there is a lot of ink, ask which of it is doing work and which is decorative. The strict Tufte reading: minimize non-data ink. The implication: remove gridlines, decorative borders, heavy axis lines, and any graphic element that doesn't directly encode a data value.

// SLIDE 04 — COLOR: THE THREE VOCABULARIES

COLOR: THE THREE VOCABULARIES

Categorical colorSequential colorDiverging color
NARRATION

Color encoding has three distinct uses in data visualization, and using the wrong one for a given data type is a Bertin-class error. Categorical color uses distinct hues to encode categorical attributes , attributes with no inherent order. Five product lines, eight countries, four political parties. The hues should be visually distinct but similar in luminance, so no category reads as more important than the others by virtue of appearing darker or brighter.

// SLIDE 05 — ANNOTATION STRATEGY

ANNOTATION STRATEGY

Annotations are text or graphical elements that make specific parts of a chart legible. The correct strategy for annotat

Annotation strategy — "What does this chart show?" The title and subtitle answer this. A title that says "Q4 Performance Highlights" does not
NARRATION

Annotations are text or graphical elements that make specific parts of a chart legible. The correct strategy for annotations follows directly from Cairo's "the chart must answer the question" principle: every annotation should answer a question the reader might have. An annotation that answers no question is chartjunk. "What does this chart show?" The title and subtitle answer this. A title that says "Q4 Performance Highlights" does not answer the question , it names an occasion.

// SLIDE 06 — THE EVERGREEN/EMERY CHECKLIST

THE EVERGREEN/EMERY CHECKLIST AS THE SYNTHESIS INSTRUMENT.

Chart has a title in plain language — Cairokey message
Subtitle gives context or units — Fewdata context
Text size ≥ 9pt at final display size — Fewlegibility
Type sans-serif or appropriate serif, no novelty — Tuftevisual quietude
NARRATION

Stephanie Evergreen and Ann Emery's twenty-two-point checklist operationalizes the four-source synthesis into a workable audit instrument. Five categories, twenty-two items. Text (five items). Is the title clear and informative , naming the finding, not the occasion? Are axes labeled with units? Are data labels visible at the chart's intended deployment size? Do annotations answer real questions? Is body text legible at deployment size?

// SLIDE 07 — THE AUDIT AS DESIGN DISCIPLINE

THE AUDIT AS DESIGN DISCIPLINE, NOT JUST POST-PROCESSING.

TextColorLinesArrangementProportional ink
NARRATION

The most common mistake is running the audit only after a chart is built. The checklist is most valuable during design: writing the four-move prompt with the twenty-two items in mind, so that the output requires minimal correction. Consider what happens when the checklist is applied before the prompt:

// SLIDE 08 — WHAT YOU CAN NOW DO

WHAT YOU CAN NOW DO.

You can audit any visualization using the Evergreen/Emery twenty-two-point checklist and produce a written critique with

What you can now do — You can apply Few's clarity-over-minimization resolution to any "decoration versus function" dispute. The criterion is "
NARRATION

You can audit any visualization using the Evergreen/Emery twenty-two-point checklist and produce a written critique with specific corrections. You know which category each item falls into, what principle it operationalizes, and what the follow-up prompt looks like for each failure. You can apply Few's clarity-over-minimization resolution to any "decoration versus function" dispute. The criterion is "does this support the message?" not "is this strictly data ink?" Functional redundancy stays. Decoration goes.

// SLIDE 09 — EXERCISES

EXERCISES

·Light gridlines at y-axis tick positions on a bar chart.
·A gradient background ranging from white at the top to light gray at the bottom.
·Color luminance on a sorted bar chart where the highest bar is darkest.
·A drop shadow under the chart area.
·Direct value labels above each bar in a comparison chart.
NARRATION

Exercise 16.1 , 22-point checklist on a published chart. (Tests: applying the full checklist) Find a chart in a recent publication , corporate report, academic paper, journalism, or government dashboard. Walk through all twenty-two items, categorized by the five checklist groups (text, arrangement, color, lines, overall). For each item, state pass or fail. Count the failures.

// SLIDE 10 — A NOTE ABOUT AI

A NOTE ABOUT AI.

The design principles chapter brings the book's accumulated rules into application. The model has read every design-prin

A note about AI — Where the model genuinely helps: critiquing your draft chart against canonical principles — data-ink ratio, perceptual o
NARRATION

The design principles chapter brings the book's accumulated rules into application. The model has read every design-principles book ever published. Where the model genuinely helps: critiquing your draft chart against canonical principles , data-ink ratio, perceptual ordering, color choice , and surfacing where you violated them.

// SLIDE 11 — AI WAYBACK MACHINE

AI WAYBACK MACHINE.

Edward TufteRun this:"Edward Tufte"Now make the prompt better.
NARRATION

The ideas in this chapter didn't appear from nowhere. Edward Tufte published The Visual Display of Quantitative Information in 1983 , and coined the terms "chartjunk," "data-ink ratio," and "sparklines." His insistence on stripping decoration from charts continues to shape how serious data graphics get made. Edward Tufte, circa 1983. AI-generated portrait based on a public domain photograph (Wikimedia Commons).

// SLIDE 12 — THESIS

THE EVERGREEN/EMERY CHECKLIST AS THE SYN.

Stephanie Evergreen and Ann Emery's twenty-two-point checklist operationalizes the four-source synthesis into a workable

Text (five items). Is the title clear and informative — naming the finding, not the occasion? Are axes labeled with unit

NARRATION

Stephanie Evergreen and Ann Emery's twenty-two-point checklist operationalizes the four-source synthesis into a workable audit instrument. Five categories, twenty-two items. Text (five items). Is the title clear and informative , naming the finding, not the occasion? Are axes labeled with units? Are data labels visible at the chart's intended deployment size? Do annotations answer real questions? Is body text legible at deployment size?

// SLIDE 13 — CLOSE

ASK THE QUESTION. APPLY THE FRAMEWORK.

PROPORTIONAL INK: THE FOU//DATA-INK RATIO: THE HEURI//COLOR: THE THREE VOCABULA

Brutalist D3 × Claude · Ch.15 · Chapter 16 — Design Principles in Practice

NARRATION

That is the framework. Brutalist D3 times Claude, chapter 15: Chapter 16 , Design Principles in Practice. The patterns are now in place. Apply them.

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