菜单
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.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Apply Tufte's Chapter 9 + Epilogue principles for the visual craft of a finished data graphic — the qualities of attractive displays, friendly vs unfriendly graphics, horizontal proportion and the golden rectangle, thin-line copper-plate craft, words/numbers/drawing integration, format selection, and the thesis that beauty is a by-product of clarity and data complexity. Use when judging or refining the look and technique of a graphic, not its data integrity or chartjunk count.
The six principles of analytical design from Beautiful Evidence — how to build evidence presentations that assist reasoning rather than decorate reports, why those principles are universal (from the first stone map to any future display), and how to distinguish analytical from decorative design.
How to design graphics that demonstrate causality rather than mere correlation, drawn from Tufte's analysis of the Snow cholera map and the Challenger O-ring disaster; use when building or critiquing any display whose purpose is to support a causal claim or policy decision.
Tufte's analysis of how PowerPoint's bullet-and-slide format degrades analytical reasoning — the named deficiencies, the bullet list's three-relationship limit, density and pairwise-comparison thresholds, the Columbia case study, and the written-report/4-pager remedy — for use when designing, reviewing, or replacing any slide deck or analytical presentation.
Apply Tufte's principles for color in data graphics — the four functional uses, color's three dimensions, Imhof's four rules, palette strategy, contextual effects, and redundant coding — to maximize information density while minimizing color damage.
Covers Tufte's dual principle of data density AND data-matrix size (VDQI ch.8, pp.161-176) — the formulas, the typographic-density yardstick, empirical benchmarks across 21 publications, the Shrink Principle, three viewing depths, multifunctioning elements, small multiples, and the supertable — for designing, evaluating, or critiquing any statistical graphic.
| 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 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.
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.
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 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.)
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 |
|---|---|
| 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.
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 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 |
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.
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 |
|---|---|
| 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.
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.
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.
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.
Treating a chart as a canvas to be styled rather than a message to be optimized. Watch for:
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 |
|---|---|
| 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.
Chartjunk is not neutral waste; it actively degrades reading through three channels:
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.
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) |
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.