tufte-data-ink-ratio

name	tufte-data-ink-ratio
description	Apply Tufte's data-ink ratio to strip non-data ink and redundant data ink from statistical graphics — through the two-pass erasure procedure, graphical redesign, and converting frame/tick ink into data — so the largest possible share of ink carries information.
tags	["tufte","data-visualization","graphical-design","chartjunk","statistical-graphics"]

Data-Ink Ratio

Overview

The data-ink ratio measures how much of a graphic's ink is doing real informational work. Tufte's core claim in The Visual Display of Quantitative Information (Chapter 4): the larger the share of ink devoted to data, the better the graphic, other things equal. The ratio is not a grade to chase but a lever — it tells you to find every mark that could be erased without losing data, then erase it. This dissolves the chronic problem of decoration, redundancy, and convention adding ink that competes with the data instead of conveying it.

§1. The Ratio: One Definition, Three Equivalent Forms

Data-ink is the part of a graphic that responds to the numbers. Tufte's canonical definition:

"Data-ink is the non-erasable core of a graphic, the non-redundant ink arranged in response to variation in the numbers represented." — Tufte, The Visual Display of Quantitative Information

The ratio has three equivalent formulations. The skill must carry all three, because each exposes a different lever:

(1)  data-ink ratio = data-ink / total ink used to print the graphic

(2)  = the proportion of a graphic's ink devoted to the
       non-redundant display of data-information

(3)  = 1.0 − the proportion of a graphic that can be erased
       without loss of data-information

• Form (1) is the accounting definition: a fraction of total ink.
• Form (2) restates it as a proportion and embeds the redundancy test — only non-redundant data display counts.
• Form (3) is the operational lever. It reframes the whole task as a hunt for erasable ink: find what you can delete with zero loss of information, subtract it, and what remains is your ratio. You raise the ratio by erasing, not by adding. Work from form (3).

Practical interpretation of the ratio

Tufte gives the directive "maximize, within reason" — he does not publish numeric pass/fail grades. The bands below are a practitioner heuristic for talking about a graphic, not Tufte's measured thresholds. Treat them as a smell test, not a target to optimize blindly.

Approx. ratio	What it usually means	Action
Low (much ink erasable)	Mostly decoration, frames, fill, or redundancy	Run both erasure passes; redesign
Middle	Typical after one editing pass; some waste remains	Second pass on redundant data-ink
High (little erasable)	Most ink moves with the data	Stop erasing; check legibility, add labels in recovered space
Near 1.0	Theoretical ceiling; axis labels and a minimal frame still carry some non-data ink	Diminishing returns — do not strip below legibility

The "within reason" qualifier is load-bearing: redundancy and a little structure occasionally earn their ink (see §7). Past the point of legibility, erasing makes the graphic worse, not better.

§2. Data-Ink vs Non-Data-Ink vs Redundant Data-Ink

Three categories. Erase the last two, in that order.

Ink type	Definition	Examples	Erase?
Data-ink	Ink that, if erased, destroys some part of the data; it changes when the data changes	Plotted point positions, a line's path, the top edge of a bar	No — this is the core
Non-data-ink	Ink that depicts no statistical information at all	Box frames, background shading, grid mesh, tick marks once axis labels exist	Yes — erase first
Redundant data-ink	Ink that depicts a number already shown elsewhere on the graphic	Bar fill (the height already encodes the value), bilateral symmetry, duplicated axis	Yes — erase second

The test for any mark: does it change if the data changes? If no, it is a candidate for erasure.

A bar encodes its single value many times over

One shaded, bordered, labeled bar locates its value redundantly through several independent encodings:

1. Height of the left edge
2. Height of the fill
3. Height of the right edge
4. Position of the top horizontal edge
5. Position of the printed number at the top
6. The printed number itself

Any one of these locates the value; the rest are redundant data-ink. Tufte's progression — solid bar → open bar (edges only) → range bar (one line plus a tick) — strips the redundancy one layer at a time while the value stays readable (see §6).

§3. The Five Principles of Graphical Redesign (in order)

Tufte closes the data-ink chapter with five principles. The order is the procedure.

1. Above all else show the data.
2. Maximize the data-ink ratio (within reason).
3. Erase non-data-ink (within reason).
4. Erase redundant data-ink (within reason).
5. Revise and edit.

"Above all else show the data." — Tufte, The Visual Display of Quantitative Information

"Maximize the data-ink ratio, within reason." — Tufte, The Visual Display of Quantitative Information

Principle 1 sets the goal: every design choice serves the data. Principle 2 is the metric. Principles 3 and 4 are the two concrete moves that execute principle 2 — they are the how. Principle 5 says redesign is iterative: you rarely get there in one pass.

§4. The Two-Pass Erasure Procedure

Always two passes, in this order. Doing non-data-ink first matters — redundancy is far easier to see once the decorative clutter is gone.

Pass 1 — Erase non-data-ink

Remove ink that depicts no information at all:

• Background fills and plot-area shading
• Grid lines and tick mesh (especially dense grids)
• Box frames around the plotting area (drop top and right at minimum)
• Decorative borders on bars and columns
• 3D effects, drop shadows, perspective

Pass 2 — Erase redundant data-ink

Remove ink that re-depicts a number already shown:

• Bar and area fill (the boundary already encodes the value)
• Bilateral symmetry — box plots, Chernoff faces (one half is a mirror of the other)
• Duplicate axis labels on both sides
• A second axis encoding the same variable at another scale

The graphical arithmetic

original design = erased part + good part

Most over-decorated graphics are a large fraction erasable ink wrapped around a small core of data-ink. The data survives erasure intact.

Use the recovered space

Space freed by erasing is not wasted white space — it is capacity for more information. Use it to label interesting data points directly on the plot, add a marginal distribution, or rotate a vertical axis title to horizontal so it actually reads. Erasing buys room; spend it on data, not air.

§5. Convert Non-Data-Ink Into Data-Ink (the multifunctioning move)

The strongest redesigns don't just erase frame and tick ink — they make that ink do data work. This is the most under-applied lever in the chapter.

• Range-frame: Draw each axis line only across the actual range of the data, from the minimum value to the maximum. The axis line now reports the data range — the frame has become data-ink instead of a decorative box. The empty corner of a conventional rectangle frame is deleted for free.
• Dot-dash-plot / marginal rug: Replace evenly-spaced conventional tick marks with one tick per actual data value, projected onto each axis. The ticks now show the marginal distribution of each variable. What was the lowest-grade non-data-ink (regular ticks) becomes a second dataset.
• Direct labels in freed space: After erasing a grid, label peaks, outliers, or categories where the grid used to be, so the reader never leaves the data plane to decode a legend.

The rule: before erasing a mark, ask whether it can be repurposed to carry data. Erase only what cannot.

§6. Named Redesigns

Numeric ink-counts and exact ratio decimals are deliberately omitted: the source pages could not be verified, and false precision is worse than none. The qualitative structure of each redesign below is the durable, verifiable part.

Box plot → quartile plot

A conventional box plot draws each quartile boundary on both the left and right of the box; the right half is a mirror of the left and adds nothing. Tufte's quartile plot erases the box entirely: whisker lines mark the range, a small offset or gap marks the median, dots mark the quartiles. Same five-number summary, a fraction of the ink, and many plots now fit where few did.

Bar → open bar → range bar

Start with a solid filled bar (value encoded ~6 ways, §2). Erase the fill → an open bar (three edges). Erase two edges → a single vertical line with a tick at the top. Each step removes redundant data-ink; the value stays readable at every step. The line-only form lets far more bars sit side by side for comparison.

Range-frame scatterplot

A standard scatterplot sits in a four-sided box on a grid. Erase the box and grid; redraw the two axis lines to span only the data's range; project each point's value as a tick on the margin (dot-dash-plot). The frame and ticks, formerly pure decoration, now report the range and the marginal distributions. (See §5.)

Chernoff faces

Full faces are bilaterally symmetric — the right side mirrors the left, doubling the space without adding a variable. Half-faces carry the same encoded data in half the area. Symmetry here is redundant data-ink, not structure.

The over-gridded chart (a "dreaded grid" case)

A chart whose data plane is covered by a dense mesh of tick marks: the grid competes with the very points it is meant to help locate, and the more data points there are, the worse the competition. Erasing the grid (keeping at most a light reference line where positional reading is genuinely hard) lifts the ratio sharply and lets the data emerge. Recovered space then holds direct labels.

§7. When Redundancy Is Justified

Erasing redundancy is within reason, not unconditional. Tufte names legitimate uses — redundancy earns its ink when it helps the reader move through the data:

• Cyclical / wrap-around series: In Marey's graphical train schedule, one daily cycle is repeated at the edges so a train running off the right side is picked up again on the left, without forcing the eye back to the start. The repetition supports continuous reading.
• Context and orientation: Redundancy can give order to a complex graphic, ease comparison across its parts, and create aesthetic balance.
• Single-value graphics: A lone uncomplicated number may not need the redundant-data-ink pass at all; the non-data-ink pass always applies.

The decisive test: does the redundant ink help the reader navigate, or does it merely restate a number the reader already has? Help → keep. Restate → erase.

§8. Failure Modes

These are the low-ratio patterns that recur in scientific and technical publishing. Each is a way ink piles up without conveying data.

Failure mode	What it is	Why it fails	Fix
Unintentional optical art (moiré)	Cross-hatching, parallel rules, or dot patterns filling bars and areas	The pattern interacts with the eye's tremor to produce vibration and motion; noise clouds the data	One flat light-gray tint, or label the area with a word
The dreaded grid	A dense tick mesh laid across the data plane	The grid competes with the data marks it claims to help locate; worse as data grows	Erase it; keep at most one faint reference line where positional reading is truly hard
The self-promoting duck	Elaborate 3D constructions, area/volume pictograms, perspective	Decoration overwhelms data; an extra visual dimension (depth) is unlabeled and unscaled	Simple geometric marks; one variable to one visual attribute

Ratio killers, ranked by how often they appear

1. Full-weight grid mesh across the data plane
2. Bar / area fill (cross-hatch or solid)
3. 3D perspective on 2D data
4. Bilateral symmetry (box plots, faces)
5. Duplicate axis labels on both sides
6. Decorative four-sided frame
7. Background color fill on the plotting area

§9. Do / Don't Pairs

Frames and axes

Do	Don't
Draw left + bottom axis lines only, or use a range-frame	Box the plot on all four sides
Let the data set each axis's extent (range-frame)	Extend axis lines past the last data point

Bars and columns

Do	Don't
Define each bar with one edge + a top tick	Fill bars with shading or cross-hatch
State each value once (in data or one direct label)	Shade it and border it and print the number and grid it
Use dot plots for many-category comparisons	Use grouped 3D bars

Grids and ticks

Do	Don't
Repurpose ticks as a marginal data rug (dot-dash-plot)	Print a full grid mesh at the weight of the data
Erase ticks once axis labels give enough reference	Tick every integer when there are five data points
Use a single flat gray tint for any needed area fill	Use cross-hatch, diagonals, or dot patterns

Symmetry and redundancy

Do	Don't
Use a half-box / quartile plot for distribution shape	Mirror the box — the second half adds nothing
Use half-faces if encoding with Chernoff faces	Draw full symmetric faces for the same data
Repeat a cycle only when wrap-around navigation needs it	Duplicate non-cyclical data for visual balance

The redesign process

Do	Don't
Run two passes: non-data-ink first, redundant second	Redesign in one pass — redundancy hides behind clutter
Spend recovered space on new labels or a marginal distribution	Leave erasing-freed space as decorative emptiness
Keep structural ink that would change with the experiment (e.g. paired-comparison connectors)	Erase ink that encodes the study's structure

§10. Application Checklist

Run this erasure audit before finalizing any statistical graphic. Work from form (3): hunt for erasable ink.

• Does every mark change if the data changes? Any that don't are erasure candidates.
• Is any value shown in ink more than once? Keep one encoding, erase the rest.
• Grid lines present? Erase unless positional reading truly needs them; if kept, drop to a faint reference line.
• Bars/areas filled? Erase the fill; keep bounding edges (or one edge + tick).
• Four-sided frame? Drop top and right; consider a range-frame that reports the data range.
• Ticks decorative? Repurpose them as a marginal rug, or erase once labels suffice.
• Bilateral symmetry on a non-bilateral variable? Erase one side.
• Axis title rotated 90°? Rotate to horizontal using recovered space.
• After erasing, is there freed space? Spend it on direct labels or a marginal distribution.
• Did any redundancy survive on purpose (cyclical wrap, navigation aid)? If you can't name why it helps the reader move through the data, erase it.
• Stop test: would the next erasure cost legibility? If yes, stop — "within reason."