Choosing a chart

Start from what the reader needs to learn, then pick the chart that answers it most accurately.

Principles

Six rules that every chart page in these docs follows.

  1. Start from the job, not the shape. Name the relationship you want to show (a ranking, a change over time, a share) before you pick a chart. The jobs below follow the FT Visual Vocabulary.
  2. Put the most important value on the most accurate channel. Readers compare positions on a shared axis better than lengths, and lengths better than angles or areas. That is why a bar beats a pie for close values.
  3. Be truthful. Start bars at zero, keep scales consistent between charts you compare, never use 3D, and never put two unrelated scales on one chart. See Axes and labels.
  4. Declutter, then focus. Remove what carries no data (heavy borders, dense gridlines, a legend for one series), then use one accent color for the point you want the reader to see.
  5. The same color means the same thing. If revenue is blue in one chart, it is blue in every chart on the page. See Color.
  6. Every "do not use" names what to use instead. Sometimes the better answer is a sentence or a table.

Charts by job

Find the question your reader is asking, then pick from the charts that answer it.

Deviation

How far is each value from a reference: a target, an average, zero?

Diverging bars, a line with a reference line, a surplus and deficit area.

Correlation

Do two measures move together?

Scatter, bubble (a third value as size), connected scatter, an XY heatmap for dense data.

Ranking

Which item is first, and by how much?

Sorted horizontal bars, a dot plot, a lollipop chart.

Avoid: Unsorted bars. Sort by value unless the categories have a natural order.

Distribution

How are the values spread, and where do they cluster?

Histogram, box plot, violin, a strip or dot plot for small samples.

Avoid: A bar of averages alone, which hides the spread.

Change over time

How did a value move across days, months or years?

Line, columns for a few periods, area for one series, candlestick for prices, a calendar heatmap for daily data.

Magnitude

How big is each value, compared with the others?

Bars or columns, grouped bars for two measures, a dot plot when the values sit far from zero.

Avoid: Bubbles or areas when the reader has to compare sizes.

Part-to-whole

What share of the total does each part hold?

A stacked bar (100% when only shares matter), a pie or donut with a few parts, a treemap for many or nested parts.

Avoid: A pie with many slices or similar values. Use sorted bars.

Spatial

Where does it happen?

A choropleth for rates, proportional symbols for counts, flow lines between places.

Avoid: A map when location is not the point. Large, empty regions outweigh small, dense ones, so a ranked bar often reads better.

Flow

How much moves from one state or place to another?

Sankey, chord, a network graph, a funnel for steps that only lose volume.

Encoding accuracy

How well readers compare values, from most to least accurate.

  1. Position on a common scale: dots or bar ends on one axis.
  2. Position on separate, aligned scales: small multiples.
  3. Length: bars that share a baseline.
  4. Angle and slope: pie slices, line gradients.
  5. Area: bubbles, treemap tiles.
  6. Color intensity: heatmap cells, choropleth regions.

Put the comparison that matters most near the top of the list. Area and color intensity suit patterns and outliers, not reading exact values. This ranking comes from Cleveland and McGill's studies of graphical perception.

Limits
Past these counts a chart stops being readable. The fix is usually a different chart or several small ones.

When not to chart

A chart is worth its space when the shape of the data is the message.

  • One or two numbers. Write them as a sentence or a large figure with a label: "Revenue grew 12% to $4.2M."
  • Exact values to look up. Use a table. Readers scan rows and columns faster than they hover over marks.
  • Many measures for a few items. A table with a small sparkline per row usually beats a chart per measure.

For the pitfalls of individual chart types, the data-to-viz caveats go deeper.