| name | tufte-chartjunk |
| description | Identifies and eliminates the three categories of chartjunk — vibrations, grids, and ducks — graphic activity that consumes ink, area, and attention while communicating no data. Use when auditing or designing any chart, dashboard, or data graphic for visual noise. |
| tags | ["tufte","data-visualization","chartjunk","visual-noise","data-ink","moire"] |
Chartjunk
Overview
Chartjunk is any graphical element that does not communicate data — it burns ink, area, and viewer attention while adding nothing to meaning. Tufte sorts it into three kinds: vibrations (optical interference from busy patterns), grids (reference lines that overpower the data they support), and ducks (decoration that becomes, or buries, the data). The governing law is that a graphic succeeds or fails on its content, gracefully displayed: ornament can amplify a dull graphic's failure but has never rescued a thin data set from its own emptiness. The practical test is therefore subtractive — strip every mark that does not encode data or serve as a minimal navigational aid, then see what is lost.
§1. Vibrations — Optical Interference from Busy Patterns
A vibration is a perceptual artifact: dense, regular, high-contrast patterns applied to a graphic make the eye see shimmer, motion, or depth that is not in the data. The dominant source is moiré — two or more fine regular patterns (crosshatching, diagonal hatching, dot screens) overlaid or printed close together produce an unstable, eye-straining flicker. Moiré is unintentional optical art: the same effect 1960s Op artists pursued on purpose, smuggled into statistical graphics by default fill patterns.
Mechanism
The visual system reads closely spaced alternating lines as movement or relief — a low-level artifact, not information. Adjacent active lines also imply forms that were never drawn (the perceptual "1 + 1 = 3 or more" effect Tufte names in Envisioning Information): the more active marks crowd together, the more spurious structure the eye invents. The result is a raised visual noise floor that contaminates the whole graphic and makes the underlying quantities harder to read.
Tufte's moiré survey
Tufte surveyed a century of statistical-graphics manuals and software documentation and found moiré vibration pervasive across the entire literature — and worst in early computer plotting packages, which emitted crosshatch fills by default. The takeaway is structural, not anecdotal: when the tool ships vibration as the default, vibration is produced at scale by people who never chose it. (VDQI's survey table gives the per-source percentages; the robust finding is the default-driven prevalence and the software peak.)
The Bertin rebuttal
Jacques Bertin argued a designer could court controlled moiré — flirt with ambiguity without surrendering to it. Tufte rejects this for data graphics: moiré is an undisciplined ambiguity with an eye-straining, illusive quality that pollutes the whole image, and there are no good examples of statistical graphics that gain anything from it. For data, vibration is always cost without benefit.
Do / Don't: Vibrations
| Do | Don't |
|---|
| Solid fills, distinct grays, or open white to separate areas | Crosshatch, diagonal hatching, or dot screens on any fill |
| Differentiate series with a lightness ramp (white → light → mid → dark gray → black) | Dense alternating line patterns at any scale or zoom |
| Choose hue/saturation steps (print-safe) for categories | Overlapping screens that produce moiré at print resolution |
| Proof fills at the actual output resolution before committing | Accept software default fills — most generate vibration |
Failure mode — "we used a computer to build a duck": the rendering tool fills bars with ordered crosshatch by default, producing optical vibration and signaling technology over content. The fix is to turn the pattern off, not to pick a different pattern.
§2. Grids — Reference Lines That Overpower the Data
The grid is the most sedate chartjunk, but a heavy grid is still chartjunk. A grid has exactly one legitimate job: helping a reader look up or interpolate values. When grid lines are darker, heavier, or denser than the data, figure and ground reverse — the grid becomes the graphic and the data recedes. Tufte's rule of thumb: grids are for the working stage, plotting data at home or in the office; in finished print they should be muted or suppressed.
Grid weight hierarchy (best → worst)
| Grid treatment | Effect on figure/ground | Verdict |
|---|
| No grid; data-derived tick marks only | Data dominant | Preferred for most charts |
| Light gray grid, weight well under the data strokes | Data dominant | Acceptable when look-up is the task |
| White grid (gaps inside filled bars / erased to white) | Data dominant | Elegant for bar charts and histograms |
| Mid-gray grid, equal weight to the data | Competing | Marginal; suppress if you can |
| Dark/black grid at full weight | Grid dominant | Chartjunk — suppress |
| Doubled grid lines (box frame + inner grid) | Grid dominant | Severe chartjunk; also vibrates at intersections |
Named example: Marey's train schedule
E. J. Marey's Paris–Lyon timetable (a Tufte touchstone) is extremely data-dense: every diagonal is a train, every crossing a stop. The grid must not compete with that thicket of lines. Three treatments, ranked:
| Grid treatment | Result |
|---|
| Heavy black grid (as often reproduced) | Grid dominates; trains hard to trace |
| Thinned black grid | Slightly better; trains more legible |
| Gray grid | Best; trains read as foreground, grid recedes to a reference layer |
The correct fix is always a gray grid, never a thinned-black one. Most ready-made graph paper is printed in a dark grid; plot on the reverse (unprinted) side so the lines show through faintly without cluttering the data.
The look-up exception
When a graphic functions as a look-up table — readers will read off specific values — a grid earns its keep. Even then: gray, delicate, never dark. A delicate gray grid supports more accurate reconstruction of values than a dark grid that visually swamps the points being read.
Do / Don't: Grids
| Do | Don't |
|---|
| Delete the grid first; restore only if reading fails | Ship heavy or dark grid lines in any published graphic |
| Use a light gray grid only when look-up is the primary task | Use doubled grid lines or a box frame around panels |
| Use a white (negative-space) grid inside filled bars | Plot on graph paper printed-side-up for publication |
| Keep grid stroke ≈ 20–30% of the data stroke weight | Let grid lines equal or exceed the data strokes |
| Prefer gray over thinned black when a grid is required | Pile a dense grid onto an already line-rich graphic |
Failure mode — the grid that buries the data: a full dark grid over an age/sex pyramid or a trend line camouflages the very profile that matters (the notch, the staircase, the slope). Removing the grid lets the data silhouette speak.
§3. Ducks — Decoration That Becomes the Data
The duck is chartjunk at its most extreme: decoration that overwhelms, replaces, or structurally becomes the data. The name comes from the Big Duck, a duck-shaped retail building on Long Island (Flanders, NY) where the entire structure is its own sign — form swallows function. In Tufte's terms a graphic is a duck when decorative forms or computer debris take over, when the data measures and structures turn into Design Elements, and when the display purveys graphical style instead of quantitative information.
The architectural rule (Learning from Las Vegas)
Tufte borrows from Venturi, Scott Brown & Izenour: modernists who renounced applied ornament ended up designing buildings that were ornament. The rule that follows transfers directly to data graphics:
"It is all right to decorate construction but never construct decoration." — Venturi, Scott Brown & Izenour, Learning from Las Vegas
Applied: you may style the axis labels, type, weights, and annotations (decorate construction), but the graphic's structure must never itself be ornament. When fake perspective, 3-D extrusion, or a pictorial frame is the structure, the graphic is a duck.
Named example: crosshatched bar chart → table
A common duck is a multi-category bar chart where each bar carries a different crosshatch (moiré on top of a duck) and the axis is choked with percentage ticks and all-caps labels. Tufte's remedy is to redraw it as a plain table. The table wins on every count: exact values instead of estimated bar heights, full category names instead of cramped labels, room for a second data column, and zero vibration. When the data is a handful of numbers attached to many words, the table is the graphic.
Interior decoration — symptoms
Treating a chart as a canvas to be styled rather than a message to be optimized. Watch for:
- Fake perspective on bars or pies to look "modern"
- 3-D extrusion that breaks comparison (the visible front face ≠ the value)
- Pictorial fills (stacked coins for money, little people for population) that obscure the quantity they claim to show
- Color gradients laid over areas whose value is already encoded by area
- Drop shadows, glows, or embossing on chart elements
- Complexity as a credential — "remarkable that the computer drew this" instead of "what interesting data"
Boutique data graphics — the high-fashion duck
Annual reports, mass media, and advertising actively cultivate the duck. Tufte's label is boutique data graphics: elaborate displays whose visual complexity is inversely related to their information content. Fake perspective is the signature move of the genre.
Do / Don't: Ducks
| Do | Don't |
|---|
| Let the data's structure set the graphic's structure | Let the graphic's structure turn into decoration |
| Use a table for a few numbers and many words | Use a multicolor full-page illustration for ~5 data points |
| Design to provoke "what interesting data" | Design to provoke "remarkable the computer drew that" |
| Decorate construction (style labels, type, weight) | Construct decoration (extrude to 3-D, add fake perspective) |
| Keep every mark removable only at the cost of information | Keep any element that survives a "what does this encode?" test as "no data" |
Failure mode — the sham dimension: adding a depth axis the data does not have. Extruding 2-D bars into 3-D both adds non-data ink and distorts the data ink, because the value now maps ambiguously to a front face, a back face, or a volume. This is the same offense the Lie Factor / dimensionality rule attacks (VDQI ch. 2): an n-dimensional quantity drawn in more than n dimensions overstates change. Cross-check sham dimension against tufte-graphical-integrity.
§4. Why Chartjunk Corrupts — and How to Detect It
Chartjunk is not neutral waste; it actively degrades reading through three channels:
- Perceptual masking. Vibration and heavy grids raise the visual noise floor, so genuine signals (the notch, the slope, the outlier) drop below it and become unreadable.
- False complexity. Crosshatch, borders, grids, and fills make a graphic look information-dense while it encodes five numbers; the reader spends attention decoding structure instead of reading data.
- Displaced trust. When the rendering shows off, attention shifts from message to medium — but a graphic's credibility rests on the data, not the sophistication of the draftsmanship.
Data-ink ratio as a chartjunk detector
Every chartjunk element lowers the data-ink ratio, so a chartjunk audit is a data-ink audit:
data-ink ratio = (ink used to present data) / (total ink used to print the graphic)
| Chartjunk element | Penalty |
|---|
| Moiré / crosshatch fill | Adds non-data ink |
| Heavy or doubled grid | Adds non-data ink |
| Decorative border or frame | Adds non-data ink |
| 3-D extrusion / fake perspective | Adds non-data ink and distorts data ink — doubly penalized |
Any mark that cannot be defended as encoding data, or as a minimal aid (one axis line, a muted look-up grid), is chartjunk. See tufte-data-ink-ratio for the maximization procedure.
§5. Diagnosis Checklist
Run before publishing any chart. Any failed row names the chartjunk type to fix.
| Check | Pass condition | Fail = |
|---|
| Are fills solid, gray, or open (no patterns)? | Yes | Vibration (crosshatch/moiré) |
| Does any series rely on hatching to be told apart? | No | Vibration |
| Is the grid lighter than the data strokes? | Yes, or no grid | Grid chartjunk |
| Is the grid gray rather than black, single not doubled? | Yes, or no grid | Grid chartjunk |
| Can you read the data profile with the grid hidden? | Yes | Grid chartjunk |
| Does every remaining mark encode data or aid navigation? | Yes | Duck (decoration) |
| Is the count of ink marks ~proportional to the data points? | Roughly | Duck (false complexity) |
| More percentage ticks on the axis than data points? | No | Duck (overcrowded axis) |
| Is the depiction flat — no perspective the data lacks? | Yes | Duck (sham dimension / 3-D) |
| Would a plain table read more accurately than this chart? | No | Duck (chart form unjustified) |
§6. Remediation Patterns
Vibration fix
- Replace every crosshatch/pattern fill with solid fill, gray, or white.
- To separate multiple series, use a lightness ramp before reaching for any pattern.
- If the tool emits crosshatch by default, override it in the rendering layer — never accept default fills.
Grid fix
- Delete the grid. If the chart still reads, leave it deleted.
- If look-up is required, set the grid to ~10–20% gray at ~0.25pt against ~1pt data strokes (≈ 20–30% of the data weight).
- Alternative: a white grid — gaps inside filled bars, or grid lines erased to white over a tinted ground.
- Never plot on graph paper printed-side-up; use the unprinted reverse or plain paper.
Duck fix
- Remove everything that does not encode data.
- Flatten any 3-D extrusion to 2-D; delete fake perspective.
- If the structure itself is the decoration (the fill is the message), redraw from scratch as a flat chart — or a table.
- When the data is fewer than ~10 numbers and the story is comparative, ship a table, not a chart.
§7. The Bottom Line
No information, discovery, wonder, or substance is ever generated by chartjunk. The graphics that endure — Minard on Napoleon's march, Marey's train schedule, the newspaper weather history — are gripping because of narrative power, immense honest detail, and genuinely interesting data, never because of decoration.
"Forgo chartjunk, including moiré vibration, the grid, and the duck." — Tufte, The Visual Display of Quantitative Information
Source: Edward R. Tufte, The Visual Display of Quantitative Information, ch. 5 "Chartjunk: Vibrations, Grids, and Ducks," with the architectural rule from Venturi, Scott Brown & Izenour, Learning from Las Vegas. Concepts paraphrased; quotations limited to single attributed sentences. Where VDQI gives specific historical survey figures (the moiré-prevalence table, exhibit-level percentages), this skill states the robust finding rather than unverified exact values.
