skip to content

Saying It With a Chart

Charting as a mapping rather than a menu: which column varies, which channel carries it, what the chart computed first. Interviewers probe it because a misleading chart is usually an honest default.

on this pageshow

questions

22

A chart connects the totals of eight unrelated product categories with one line — what does that line claim?

level: juniorimportance: must knowfreq 58%

answer

  1. what happens between two marks
  2. a line claims an interpolable path
  3. reorder the categories, watch the shape
  4. unordered means nothing lies in between

basics

~20 s

A connecting line claims the space between two marks was travelled: that intermediate positions exist and the value passed through them. Between unordered categories nothing lies in between, so the line asserts a path that does not exist.

solid answer

~50 s

A line is not merely a way of joining marks; it is an assertion about what happens **between** them. It says the horizontal positions are ordered, that positions between the drawn ones are meaningful, and that the quantity moved smoothly from one endpoint to the other at the rate the slope shows. That is exactly right for a dimension you can interpolate along — a timestamp, a dose, a distance — and false for unordered categories, where there is no point between *Footwear* and *Garden* and no fact makes one the predecessor of the other. The quick test is to reorder the categories: if the silhouette changes while every number stays identical, the silhouette was never in the data. Draw one bar or one point per category from a common baseline instead, so the reader compares magnitudes and reads no path.

go deeper

for a junior

Recall the one sentence: a line asserts that the space between the marks exists and was travelled. Between unordered categories there is nothing in between, so use a mark with a shared baseline instead.

for a middle

Explain the mechanism and the test. The line's slope is read before the labels are, the spacing was chosen rather than measured, and reordering the categories while the numbers stay fixed exposes a shape that came from the layout.

for a senior

Show the judgment in review: name what the picture asserts, say which comparison the reader was actually asked to make, and give the alternative plus what it costs. Note that a tool rendering it silently is no evidence of correctness.

for a principal

The angle worth owning is the standing rule: charts that leave your team assert only what the data supports. Decide whether that is enforced by review, by a house pattern for category comparisons, or not at all — and accept the cost of whichever you choose.

## What a connecting line asserts The **mark** is the thing actually drawn for each row or each group — a point, a bar, a line, a box, a tile. Most marks make a claim about one row at a time. A point says *an observation sat at this position*. A bar says *this group's quantity is this long, measured from a baseline every other bar shares*. A line mark is the odd one out: it is the only everyday mark that makes a claim about the space **between** two rows, and that claim has three parts. 1. The horizontal positions are **ordered** — one genuinely comes before the next, and the order is a property of the data rather than of the order the rows happened to arrive in. 2. Positions **between** the drawn ones exist and mean something, so a reader may put a finger halfway along and read a value off. 3. The quantity **passed through** those intermediate values on its way from one endpoint to the other, at the rate the slope shows. All three hold for a dimension you can interpolate along: a timestamp, a dose, a distance, a price point. None holds for eight unrelated product categories. There is no position between *Footwear* and *Garden*, nothing was measured there, and no fact of the world makes one the predecessor of the other. The line draws a path nobody travelled — and because the eye reads slope long before it reads tick text, that path is the first thing the reader takes away. ## The test that settles it in ten seconds Reorder the categories and redraw. **If the silhouette changes while every number stays identical, the silhouette was never in the data.** Alphabetical order gives one shape; largest-first gives a clean descent that reads as decline; the order the rows arrived in gives a third. An ordered dimension fails this test in the other direction: you cannot put March before January without lying about the data, and that is precisely why a line is allowed there. ## Ordered, unordered, and the case in between | the horizontal dimension | is there a meaningful point between two values? | what a connecting line then means | |---|---|---| | timestamp, dose, distance | yes, and the spacing is real | a rate of change the reader may interpolate | | an ordinal scale — small, medium, large | the order is real, the spacing is not | the direction is honest, the steepness is not | | unordered categories | no | a path that was never travelled | The middle row catches careful people. With an ordinal dimension the line is not lying about sequence, so nothing looks wrong — but the horizontal gaps were chosen, usually as equal steps, and the slope inherits that choice. Either say what the spacing means or drop the line. ## What to draw instead - **Bars from one common baseline**, one per category: length is read against a shared zero, the category positions carry no quantity at all, and reordering changes nothing a reader would take as a measurement. - **One point per category along a single line of positions**, when the labels are long or the categories are many — the same shared baseline, far less ink. - Choose the category order deliberately and make it legible, so the reader understands it as an editorial decision rather than mistaking it for something measured. - Keep the line for the moment the horizontal dimension becomes interpolable: the same categories measured every month, one line per category, each line tracing a single entity through time. There is one honest exception worth knowing. A chart that draws a line between two positions **to follow the same entity across two states** — the same team before and after, the same account at two dates — is using the line to carry identity rather than interpolation. The reader is meant to see which end connects to which, and the slope is a difference, not a rate. That reading works only because there is nothing in between to misread. ## Where the designs differ Charting interfaces do not agree about whether to stop you. Some treat a discrete horizontal dimension as genuinely discrete and will not connect marks until you state which rows belong to one series; the refusal is the design telling you the claim needs a justification. Others simply join the marks in the order the rows arrived and say nothing at all. **A chart that rendered without complaint is not a chart that was checked** — the absence of a warning tells you which tool you are holding, not whether the picture is true. ## What an interviewer is listening for Not "lines are for time series", which is a rule learned by rote and wrong at the edges. What earns the mark is naming the claim out loud — *a line asserts that the space between the marks exists and was travelled* — then applying it to the dimension actually in front of you, and finishing with what you would draw instead and why that alternative asserts less.

  • When is a line between category positions legitimate?
    When the line carries identity rather than interpolation: the same entity drawn at two or more states — before and after, first visit and second — and joined so the reader can see which end belongs to which. The slope is then a difference, not a rate, and nothing lies between the endpoints to be misread. It is also fine once the horizontal dimension itself becomes interpolable, with one line per category across dates.
  • The categories are ordinal — small, medium, large. Is a line honest then?
    Half honest. The order is a real property of the data, so the line is not inventing a sequence. But the spacing between the positions was chosen, almost always as equal steps, and the slope is read off that spacing — so the direction of the line is meaningful and its steepness is not. Say what the spacing represents, or use a mark that makes no claim about the gaps.
  • Does sorting the categories largest-first fix the problem?
    No, it hides it. Sorting produces a smooth descent that looks more like a trend than the unsorted version did, so the false path becomes more persuasive rather than less. The order is worth choosing deliberately for readability, but the defect is the connecting line's claim about the space between marks, and no ordering removes that claim.

saying these in an interview costs you the question

  • Says the line chart is fine because it looks cleaner
  • Treats it as a style preference rather than a false claim
  • Believes alphabetical order makes the dimension ordered
  • Reads the slope between two categories as a rate
  • Assumes the tool would refuse to draw an invalid line
open as a page

In a chart, what is the difference between a colour set once for every mark and a colour bound to a column?

level: juniorimportance: must knowfreq 68%

basics

~20 s

A bound colour is a mapping: the column's values decide each mark's colour, and a scale plus a legend let a reader read them back. A fixed colour is decoration — every mark gets it, and it carries no data.

open as a page

A distribution chart shows one peak at the tool's default bucket width and three peaks at half that width - which shape is real?

level: juniorimportance: must knowfreq 68%

basics

~20 s

Neither shape is a property of the data alone. The chart counted rows into buckets before drawing, so the picture is of those counts, and the bucket width - which the tool chose if you did not - decides how many peaks appear.

open as a page

A bar chart's vertical axis starts at 92 rather than 0, and two bars whose values differ by 4% look three times apart — why?

level: juniorimportance: must knowfreq 72%

basics

~20 s

A bar encodes value as length from the baseline, so a baseline of 92 makes each length proportional to value minus 92 rather than to the value: 94 and 98 become lengths of 2 and 6.

open as a page

A colleague asks for 'a chart of the sales data' — what must you settle before choosing between a bar, a line and a point?

level: middleimportance: must knowfreq 64%

basics

~20 s

Settle which comparison the reader will make: magnitude, change along an ordered dimension, spread of one column, relationship between two, or rank. The comparison picks the mark, and a mark chosen for looks answers a different question than the one asked.

open as a page

Eight panels of the same chart: what changes for a reader when each panel fits its own vertical range instead of one shared range?

level: middleimportance: must knowfreq 58%

basics

~20 s

A range per panel makes each panel legible and the set incomparable: every panel is rescaled to its own rows, so a small group's bump draws like a large group's. A shared range keeps the comparison but flattens small panels.

open as a page

A bar chart of revenue by region is drawn straight from 40,000 rows and shows five bars - what is each bar?

level: middleimportance: must knowfreq 62%

basics

~20 s

Each bar is a statistic the chart computed over the rows sharing that region, not a row. Which statistic - a total, a mean, a count - depends on the mark and the interface, so establish it before reading the bars.

open as a page

Two million points drawn on one pair of axes form a solid silhouette — which remedies are honest, and what does each distort?

level: seniorimportance: must knowfreq 62%

basics

~20 s

At that density the eye reads the outline of the ink, not the rows beneath it. Each remedy trades one honesty for another: transparency saturates, cell counts lose individual rows, scattering falsifies position, and a sample must be labelled.

open as a page

A chart shows one coloured line per region; at seven regions the colours blur - what does one panel per region give instead?

level: juniorimportance: should knowfreq 50%

basics

~20 s

One panel per region trades a hard perceptual comparison for an easy one: reading seven hues against each other becomes reading seven small charts side by side, each carrying its own label instead of a legend entry.

open as a page

A chart draws spend and signups in one frame, each against its own vertical range — what does their apparent agreement establish?

level: middleimportance: should knowfreq 55%

basics

~20 s

Nothing about the data. Two vertical ranges chosen independently can make almost any two sequences appear to agree, because each range shifts and stretches its own sequence. The apparent match is a property of the chosen ranges, and the page never shows the choice.

open as a page

Why is a value carried by position along an axis read more accurately than the same value carried by mark area?

level: middleimportance: should knowfreq 55%

basics

~20 s

Visual channels are not equivalent as measuring instruments. Position against a shared axis is decoded against a reference and read almost exactly; area is estimated by eye, and readers systematically judge a large area as less large than it is.

open as a page

Which visual channels can carry a continuous numeric column, and which can carry only a column of distinct categories?

level: middleimportance: should knowfreq 42%

basics

~20 s

A channel can carry a column only when it has the same structure. Position, length, area and graded colour are ordered and have values in between, so they take a continuous column. Marker shape and a set of distinct colours have neither, so they carry categories only.

open as a page

One panel per region, and one region recorded no rows this month - what should the panel set show, and what is the danger?

level: middleimportance: should knowfreq 42%

basics

~20 s

Two outcomes are possible: a panel with axes and no marks, or no panel at all. The second is dangerous: the page looks complete, and nothing distinguishes a region with no rows from a region that does not exist.

open as a page

Two tools draw a box mark for the same column and show different points beyond the whiskers - why?

level: middleimportance: should knowfreq 48%

basics

~20 s

The whisker rule is a convention the chart chose, not a fact about the data: a multiple of the middle-half spread, a fixed percentile pair, or the extreme values. Different conventions, different points drawn beyond them.

open as a page

On an axis where equal distances mean equal ratios, what becomes readable, and what happens to zero and negative values?

level: middleimportance: should knowfreq 56%

basics

~20 s

Equal ratios at equal distances make multiplicative structure readable: constant-rate growth becomes a straight line and series orders of magnitude apart fit one frame. Absolute differences stop being comparable, and zero and negative values have no position at all.

open as a page

A weekly report stacks five teams' ticket counts into one band each; leadership asks which team improved most — why does that chart fail them?

level: seniorimportance: should knowfreq 42%

basics

~20 s

Only the bottom band is measured from a fixed baseline. Every band above it floats on the sum beneath, so its change must be judged as thickness rather than length from a shared zero, and movement underneath shifts it without changing its value.

open as a page

A chart's legend labels a series in a colour the chart no longer uses — how does a legend drift out of step with its marks?

level: seniorimportance: should knowfreq 34%

basics

~20 s

A legend drifts when it was not derived from a binding. Where colour is a mapped channel with a scale, the guide follows the mapping automatically. Where colour is chosen per drawing call, the legend is hand-written text and only matches until someone changes the drawing.

open as a page

A panel per customer produces 140 panels on one page - what has the chart stopped doing, and what do you do instead?

level: seniorimportance: should knowfreq 44%

basics

~20 s

At 140 panels each is a few pixels of ink: no panel can be read and the set cannot be scanned. Split on a coarser grouping column, or answer the question with one mark per customer instead.

open as a page

Two analysts overlay a fitted smoothing curve on the same scatter; one curve dips mid-year and the other rises steadily - how do you settle it?

level: seniorimportance: should knowfreq 40%

basics

~20 s

Neither curve is a finding. A fitted smoothing curve averages nearby points, and how wide that neighbourhood is - the span - is a setting: wide erases a real dip, narrow invents one. Fix one span rule, then go to the rows.

open as a page

A chart's vertical limits were set to 0-100, yet 3% of rows exceed 100 — where did those rows go?

level: seniorimportance: should knowfreq 44%

basics

~20 s

The rows remain in the data; only their marks fall outside the drawn region. Whether they still influence anything the chart derived depends on whether the limit narrowed the window or dropped the rows first, and the page shows neither.

open as a page

A chart carries an ordered numeric column on a set of distinct unrelated hues — what does a reader lose?

level: middleimportance: nice to knowfreq 38%

basics

~20 s

Direction. A set of unrelated colours has no bigger and no smaller, so order in the column becomes something a reader must look up mark by mark instead of seeing, and every comparison across the picture is gone.

open as a page

Before a team acts on a chart that aggregated its rows, what must the chart state about the statistics it computed?

level: principalimportance: nice to knowfreq 30%

basics

~20 s

A chart that aggregated should state enough for a reader to reproduce the number: which statistic, over how many rows, the bucket or whisker rule it used, and whether a curve and band were fitted, with what span.

open as a page