Choosing What the Reader Will Judge

A display turns numbers into a perceptual task, and the task decides how accurately the reader can answer. What the eye judges well and badly, why the scale and the baseline are claims rather than formatting, and what any chosen display conceals as the price of what it shows.

Definition

A graphical encoding maps a data value onto a visual property: position along a scale, length, angle, area, colour, texture. Reading the display means performing an elementary perceptual task, judging which of two positions is higher, how many times longer one bar is than another, what fraction of a circle a wedge occupies.

These tasks are not equally accurate. Cleveland and McGill measured the error with which people perform them and ordered the result:

  1. position along a common scale
  2. position along identical non-aligned scales
  3. length
  4. angle and slope
  5. area
  6. volume, curvature
  7. shading and colour saturation

An encoding low on this list asks the reader to do something they do badly, whatever the data.

A scale is a claim about which comparison matters. A linear axis renders equal differences as equal distances; a logarithmic axis renders equal ratios as equal distances. A quantity growing at a constant proportional rate curves upward on a linear axis and is straight on a logarithmic one, so the second answers whether growth is steady while the first answers how much was added.

A baseline is a claim about the zero. Where length encodes value, the length read is the value minus the baseline. Truncating the axis rescales every comparison: two values of 102 and 108 stand in a true ratio of 1.0588 , and with the baseline moved to 100 their bar heights stand in a ratio of 4.0000 .

Aspect ratio sets judged slope. The angle a line segment subtends depends on the plot's height-to-width ratio, so the same series can be drawn to look flat or steep. Banking chooses the ratio that centres the segment orientations near 45 degrees, where differences between slopes are most discriminable.

Assumptions and scope

  • The perceptual ordering is a statement about average accuracy on comparison tasks. A lower-ranked encoding can be right when the task is recognition or coarse grouping rather than precise comparison, and colour remains appropriate for categories even though it ranks poorly for magnitude.

  • A logarithmic scale requires strictly positive values, and it renders equal ratios as equal distances, so an audience unused to it can read the flattening as a slowdown in absolute terms when none occurred.

  • A zero baseline is required where length or area encodes the value. It is not required for position encodings such as dot plots or line charts of a quantity whose meaningful variation is far from zero, where forcing zero into view compresses the structure being examined.

  • Banking to 45 degrees optimises the discriminability of slopes and is not a universal instruction. A plot whose purpose is to compare levels rather than rates may be served by a different aspect ratio.

  • Perceptual accuracy is a claim about reading values from the display. It says nothing about whether the values are correct, whether the sample supports them, or whether the comparison drawn is causally meaningful.

Forms this is expressed in

The same content in several forms. Each makes something visible that the others leave implicit, so moving between them is part of understanding the topic rather than a presentation choice.

graphical

Five regions on one common scale, sorted by value

Each category is a row; each value is a single dot placed along one horizontal axis shared by every row, with the rows sorted by value and labelled directly at the left.

The reader's task is a position judgement against a common scale, the most accurately performed of the elementary perceptual tasks. Two consequences follow. Ranking is free: the sorted order is the answer to "which is largest", read without comparing anything. And magnitude is recoverable: because every dot sits on one labelled scale, a reader can say that one category is about a fifth larger than another, not merely that it is larger.

The form scales to many categories where an angle-based form does not. Twenty rows remain readable; twenty wedges do not, because each additional wedge shrinks the angular differences the reader must resolve.

It also tolerates a restricted axis honestly. Scores running 72 to 88 can be shown on an axis from 70 to 90 without distortion, because the reader reads positions against labelled ticks rather than comparing lengths measured from a baseline. The same restriction applied to bars would misstate every ratio in the display.

What this form does not carry. It says nothing about whether the values compose a whole. Four satisfaction scores and four shares of a budget look identical here, and only the second sums to anything. Where the part-to-whole relation is the subject, this form leaves it to the caption.

Translates into: tabular

graphical

The same five values as angles of one circle

One circle divided into wedges, each wedge's central angle proportional to its category's share of the total.

The reader's task is an angle judgement, fourth in the measured ordering, below position and length. The practical consequence is a resolution limit: differences of a few percentage points between wedges are frequently misread, and the error grows as the wedges become more similar and more numerous. Seven wedges of comparable size defeat the form entirely, and the printed labels then carry the information the picture was meant to convey.

What the form does carry, and no position-based form does, is that the parts compose a whole. The circle is closed, so a reader sees immediately that nothing is missing and that the shares sum to one. Where that is the point, and the slices are few, and their sizes differ enough that the angle comparison is not what limits the reading, the form earns its place.

Two ways it is commonly misused. Rendering it in three dimensions foreshortens wedges unequally by perspective, so equal shares subtend unequal apparent angles depending on their position in the circle; the distortion is a property of the drawing rather than of the data. And applying it to quantities that do not sum to a meaningful whole, four independent satisfaction scores, say, manufactures shares by dividing each by a total that means nothing.

Translating to the dot plot repairs the comparison. The same numbers on a shared axis convert the angle judgement into a position judgement and make ranking and magnitude recoverable. The translation runs one way: it is worth teaching how to replace a pie with a dot plot, and there is no corresponding performance in the other direction.

Translates into: graphical

tabular

One row per category, with the value printed to the precision the measurement supports, optionally with a share column and the total stated.

This form is exact where every graphical form is approximate. A reader takes values off it without any perceptual judgement, so the accuracy ordering that governs plots does not apply: 102 and 108 are read as 102 and 108 , and no baseline, aspect ratio or encoding stands between the number and the reader.

It is therefore the reference against which a display is checked. Computing the ratio the picture implies and comparing it against the ratio in the table is what exposes a truncated axis: bars drawn from a baseline of 100 show heights in a ratio of 4.0000 where the table gives 108 / 102 = 1.0588 .

What it cannot do is show shape. Pattern, trend, clustering and outliers are recoverable from a table only by reading every row and holding the values in mind, which fails past a dozen rows and fails entirely for the structure a scatter plot reveals at a glance. Four datasets agreeing on mean x = 9.000 , mean y = 7.501 , slope ≈ 0.500 and r ≈ 0.816 are one line in a summary table and four visibly different pictures.

The pairing with the dot plot is the useful one, and it runs both ways. Reading a ranking and the approximate gaps off the plot, and recovering exact values from the table, are different performances, and a report that needs both should carry both rather than choosing.

Translates into: graphical

Worked material

Example

Five questions and the display each one implies

Which of eight regions had the highest revenue? A ranking question, answered by position along a common scale. A dot plot with regions sorted by value answers it in one glance; a pie chart asks the reader to compare eight angles and answers it poorly. Sorting is part of the encoding here, not decoration: an alphabetical ordering forces a search where a sorted one gives the answer by position.

Did the eight regions grow at the same rate? A ratio question. Revenue over time on a logarithmic axis makes equal growth rates parallel lines, so the comparison becomes "are these parallel" rather than "is this gap widening". The same series on a linear axis separates the large regions from the small ones and says almost nothing about rates.

How is response time distributed? Neither a mean nor a bar. The question is about shape, so it needs a display that shows shape: a histogram, or the points themselves when there are few. Reporting a mean of 240 ms conceals whether that is a tight cluster or a bimodal split between a fast path and a slow one, which is usually the thing worth knowing.

Do these two variables move together? A scatter plot, which is a position judgement on two axes at once. A correlation coefficient answers a narrower question, how well a straight line fits, and four datasets sharing r = 0.816 can be linear, curved, linear-with-an-outlier, or determined by a single point. The coefficient is not wrong; it is not sufficient.

What proportion of total cost is each category? The case where a part-to-whole encoding is genuinely apt, and it still competes with a sorted bar chart from zero. A pie is readable when there are two or three slices whose sizes differ by enough that the angle comparison is not what limits the reading; with seven similar slices the angle judgement fails and the labels do the work the picture was supposed to do.

---

The pattern across the five. The question names a comparison, the comparison names a perceptual task, and the task names the encoding. Working the other way, choosing a chart and then deciding what it shows, produces displays that are accurate and unable to answer anything in particular.

Contrast

Pairs that differ in one decision

A pie chart against a sorted dot plot, on the same shares.

piedot plot
perceptual taskangleposition, common scale
rank in measured accuracy4th1st
answers "which is largest"poorly when shares are closeimmediately
answers "do these sum to a whole"yes, visiblyonly if stated

The pie carries one thing the dot plot does not: the visual fact that the parts compose a whole. Where that is the point and the slices are few and unequal, it earns its place. Where the reader must rank or compare, it assigns a task the eye performs badly.

Linear against logarithmic, on the same growth series.

linearlogarithmic
first step + 7.000 + 0.02938378
last step + 14.734 + 0.02938378
shapecurve steepeningstraight
reader concludesgrowth is acceleratingrate is constant

Both are faithful renderings of the same twelve numbers. The first is the right choice when the quantity added each period is the subject. A budget, a headcount. The second is right when the rate is the subject.

Zero baseline against truncated, on values of 102 and 108.

baseline 0baseline 100
bar heights 102 , 108 2 , 8
height ratio 1.0588 4.0000
matches the datayesno

The truncated version is not a stronger presentation of a small difference; it is a different comparison. If 5.9 % matters and is hard to see, the answer is a display where small differences are legible without being magnified. A dot plot on a restricted axis, where the reader reads values rather than comparing lengths.

Aspect ratios 0.25 and 1.0, on the same two slopes.

Segments rising 0.2 and 1.0 subtend 2.9 ° and 14.0 ° in the flat frame, a separation of 11.2 ° ; at a ratio of 1 they subtend 11.3 ° and 45.0 ° , a separation of 33.7 ° . The rates are identical in both. Banking is the deliberate version of a choice that is otherwise made by whatever canvas size the tool defaulted to.

A summary statistic against the points.

Four datasets agreeing on means of 9.000 and 7.501 , slopes near 0.500 and correlations near 0.816 look nothing alike. The table treats them as one finding; the scatter plots separate them at a glance. The general lesson is not "always plot" but that every aggregation, including a plot that aggregates, discards the structure it summarises, and the author chooses which structure to discard.

Common errors

Common misconception

That designing a display means picking a chart type that suits the data's shape, bars for categories, lines for time, pies for parts of a whole, after which the details are formatting. The chart type determines which elementary perceptual task the reader performs, and those tasks differ in measured accuracy: position along a common scale is judged far more accurately than angle or area. A pie chart asks for an angle judgement, so a difference of a few per cent between wedges is frequently misread, while the same values as a dot plot are read almost exactly. The question comes first, the perceptual task it requires comes second, and the chart type is what falls out of those two rather than what is chosen from a menu.

Common misconception

That the axis range, the baseline and the aspect ratio are presentation choices that leave the content of a display unchanged. Each one changes what the reader can conclude. Moving a bar chart's baseline from zero to 100 turns values of 102 and 108, whose true ratio is 1.0588, into bars whose heights stand in a ratio of 4.0000. The numbers are untouched and the comparison the reader performs is not. Switching a growth series from a linear to a logarithmic axis turns a curve that appears to accelerate into a straight line, because the increments rise by a factor of 2.1049 while the proportional change is constant at every step. Changing the aspect ratio alters the angles line segments subtend and therefore the slopes the reader judges. These are claims about which comparison matters, and they belong in the same category as the choice of statistic.

Related units

Requires

Connected

Learn this topic

Used in

Sources

  • The Elements of Graphing Data (1994)
  • Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods (1984)

Results update as you type. Use the up and down arrow keys to move between results, Enter to open one, and Escape to close.

Type to search.

Settings

Appearance

Interface density

Your record

Your progress is stored in this browser and nowhere else: an identifier, the answers you have given, the mastery states and review schedule derived from them, and the lesson you last opened. Clearing it makes you a new learner on this device. It cannot be undone, and it will not affect your appearance or density settings.

Focus timer

Focus--minutes remaining

Phase

Kept in this browser only, and used to label the session in your own history.

Today

Nothing recorded yet. Finish a focus session and it will appear here.

Settings

Focus sessions between long breaks.

Sessions you are aiming for in a day.

Notifications

Your history

Sessions are stored in this browser and nowhere else. They are not evidence and never reach your mastery record.