Sparkline

A sparkline is a tiny chart that fits within a line of text. It usually shows a line that traces the course of a number over time. Unlike a normal chart, it has no axes, no numbers, and no labels along the edge. It thus dispenses with everything that takes up space, and shows only the shape of the curve. The term comes from the American statistician Edward Tufte, who described such graphics in 2006 as “data-intense, word-sized graphics.” The idea behind it: a trend belongs where the text is talking about it, not on a separate page.

Why a word-sized curve says more than a percentage figure

Numbers alone often conceal what matters most. If a stock is worth exactly as much today as it was a year ago, that sounds like standstill. But perhaps it plunged by half in between and then climbed back up. A sparkline makes this path visible without requiring a single extra line of text to be read.

The second advantage is proximity to the text. A large chart usually sits next to or beneath the paragraph. The reader has to lift their gaze, match up the chart, and jump back again. In design, this break is called a context switch, and it costs attention. A sparkline sits in the middle of the sentence, so the switch disappears entirely.

Third, the principle scales well. In a table with fifty stocks, you can place a sparkline next to every row. Fifty full-grown charts would be illegible; fifty mini-curves are not. You immediately spot which rows behave differently from the rest.

What happens when the axes are left out

A sparkline is created by taking a series of measured values and distributing them across the available height. The smallest value sits at the bottom, the largest at the top, with all others in between. The points are then connected by a line. Because axes are missing, you see only the shape, not the absolute height.

This is exactly where the most common misunderstanding arises. Two sparklines next to each other may look equally steep, even though one curve rose by two percent and the other by two hundred percent. Each curve, after all, is stretched to the full height on its own. Anyone who wants to compare sparklines must therefore force them onto the same scale, or else they are comparing illusions.

Good sparklines therefore add a few sparing anchors. Common ones are a colored dot at the last value, small markers for the high and low points, and a single number placed right next to it. Some variants use small bars instead of a line, for instance for monthly revenue. A third form is the win-loss chart: it shows only ticks pointing up or down, i.e. gain or loss, without regard to magnitude.

Sparklines in spreadsheets, trading apps, and dashboards

Sparklines are most commonly found in spreadsheet programs. Excel and Google Sheets have offered them as a built-in feature for years: you select a range of numbers and have the mini-curve drawn into a single cell. They are also popular in dashboards, i.e. overview pages where a company bundles its most important metrics.

In finance, they are standard. In price overviews from brokers or financial portals, a small curve for the last few days or weeks sits next to every security. Fitness apps and server monitoring use the same pattern too, for instance for sleep duration or processor load.

It’s important to distinguish sparklines from a normal line chart. A line chart is meant to allow individual values to be read off, and needs axes for that. A sparkline is only meant to suggest a trend and does not replace a precise chart. Anyone who wants to know how high a price stood on March 3rd needs the full version.