Five questions, fourteen charts Almost every chart answers one of five questions: comparison , composition , change over time , distribution or relationship . This grouping follows the classic chart-chooser approach popularised by Andrew Abela and used in the Financial Times’ “Visual Vocabulary”.
Try the chooser, or scroll for the full list.
Which chart should you use? I want to… Compare amounts between categories Show parts of one whole Show change over time Show how one number is spread out See if two numbers are related Show overlap between groups Compare spread across groups Compare profiles across many measures Coffee orders by drink Monday vs Friday, one café Monday Friday 0 20 40 60 Latte · Monday: 42 Latte · Friday: 58 Latte Flat white · Monday: 31 Flat white · Friday: 36 Flat white Americano · Monday: 27 Americano · Friday: 22 Americano Cappuccino · Monday: 19 Cappuccino · Friday: 30 Cappuccino Mocha · Monday: 11 Mocha · Friday: 17 Mocha Orders
Use a bar graph. Bar lengths are the easiest visual to compare precisely.
Open the bar graph maker All chart types
Comparison How big is each thing, compared with the others?
0 20 40 60 Latte · Monday: 42 Latte · Friday: 58 Latte Flat white · Monday: 31 Flat white · Friday: 36 Flat white Americano · Monday: 27 Americano · Friday: 22 Americano Cappuccino · Monday: 19 Cappuccino · Friday: 30 Cappuccino Mocha · Monday: 11 Mocha · Friday: 17 Mocha
Bar graph Use for: Amounts across categories: sales by product, votes by party. Horizontal for long names; grouped or stacked for several series.
Avoid for: Continuous ranges (use a histogram).
Bar graph maker →
2.5 5 7.5 10 Battery Screen Keyboard Weight Performance Price Laptop A · Battery: 9 Laptop A · Screen: 7 Laptop A · Keyboard: 8 Laptop A · Weight: 9 Laptop A · Performance: 6 Laptop A · Price: 7 Laptop B · Battery: 6 Laptop B · Screen: 9 Laptop B · Keyboard: 6 Laptop B · Weight: 5 Laptop B · Performance: 9 Laptop B · Price: 4 Radar chart Use for: Profiles of 2–3 items across 5–8 measures on the same scale.
Avoid for: Precise comparisons or measures on different scales.
Radar chart maker →
Composition What is the whole made of?
Rent: 850 (42.5%) 42.5% Food: 320 (16%) 16% Transport: 160 (8%) 8% Bills: 210 (10.5%) 10.5% Savings: 300 (15%) 15% Fun: 160 (8%) 8% Rent 42.5% Food 16% Transport 8% Bills 10.5% Savings 15% Fun 8% Pie chart Use for: 2–6 parts of one total, like a budget or market share.
Avoid for: Many small slices, or answers that don’t add to a whole.
Pie chart maker →
Organic search: 5,820 (51%) 51% Direct: 2,410 (21.1%) 21.1% Social: 1,630 (14.3%) 14.3% Email: 940 (8.2%) 8.2% Referral: 610 (5.3%) 5.3% 11,410 total Organic search 51% Direct 21.1% Social 14.3% Email 8.2% Referral 5.3% Donut chart Use for: Same as a pie, with the total or a headline number in the centre.
Avoid for: Same as a pie.
Donut chart maker →
0 500 1,000 1,500 2,000 2,500 Q1 Q2 Q3 Q4 Area chart Use for: How a total and its parts change over time (stacked or 100%).
Avoid for: Negative values; precise reading of middle layers.
Area chart maker →
Change over time Is it going up, down or round in circles?
0 1,000 2,000 3,000 4,000 Month Jan Feb Mar Apr May Jun Month · Series 1: 2,025 Jan · Series 1: 1,200 Feb · Series 1: 1,340 Mar · Series 1: 1,410 Apr · Series 1: 1,580 May · Series 1: 1,720 Jun · Series 1: 1,850 Month · Series 2: 2,026 Jan · Series 2: 2,150 Feb · Series 2: 2,380 Mar · Series 2: 2,710 Apr · Series 2: 2,940 May · Series 2: 3,300 Jun · Series 2: 3,620 Line graph Use for: Trends across ordered time points; several series as several lines.
Avoid for: Unordered categories.
Line graph maker →
Oct 5 Oct 12 Oct 19 Oct 26 Nov 2 Nov 9 Research Research: 5 days 5d Wireframes Wireframes: 9 days 9d Visual design Visual design: 14 days 14d Build Build: 19 days 19d Content Content: 14 days 14d Testing Testing: 8 days 8d Launch Launch: 1 day
Gantt chart Use for: Project tasks as bars on a timeline.
Avoid for: Numeric data; it shows durations only.
Gantt chart maker →
Distribution How are the values spread out?
0 5 10 10–20: 5 20–30: 11 30–40: 9 40–50: 3 50–60: 2 10 20 30 40 50 60
Histogram Use for: The shape of one numeric variable: skew, peaks, spread.
Avoid for: Tiny data sets (use a dot plot).
Histogram maker →
0 2 4 6 8 10 12 Courier A — min 2, Q1 3, median 4.5, Q3 6, max 12 Outlier 12 Courier A Courier B — min 3, Q1 4, median 5.5, Q3 7, max 9 Courier B Courier C — min 1, Q1 2, median 3, Q3 4, max 9 Outlier 9 Courier C
Box plot Use for: Median, quartiles and outliers, especially comparing groups.
Avoid for: Showing a two-peaked shape (a box hides it).
Box plot maker →
0 1 2 3 4 5 0: 4 0: 4 0: 4 0: 4 1: 10 1: 10 1: 10 1: 10 1: 10 1: 10 1: 10 1: 10 1: 10 1: 10 2: 6 2: 6 2: 6 2: 6 2: 6 2: 6 3: 2 3: 2 4: 1 5: 1
Dot plot Use for: Small data sets where every value should be visible.
Avoid for: Hundreds of values.
Dot plot maker →
Stem Leaf 5 6 6 2 5 7 7 1 2 2 5 8 9 8 1 3 4 4 6 8 9 0 3 5 9 Key: 7 | 1 = 71
Stem-and-leaf Use for: Small data sets on paper or in class: sorted list and shape in one.
Avoid for: Large or very spread data.
Stem-and-leaf maker →
Relationship Do two (or three) things move together?
0 20 40 60 80 100 0 2 4 6 8 10 (1, 52) (2, 55) (2.5, 61) (3, 58) (4, 67) (4.5, 70) (5, 74) (6, 73) (6.5, 80) (7, 84) (8, 86) (9, 91) y = 5.045x + 46.324 R² = 0.974
Scatter plot Use for: Two numbers per case; add a line of best fit for the trend.
Avoid for: Time series with one value per date (use a line).
Scatter plot maker →
0 2 4 6 -0.5 0 0.5 1 1.5 2 Search ads: (1.8, 4.2) size 52,000 Search ads Social ads: (0.9, 1.6) size 18,000 Social ads Email: (0.1, 5.1) size 31,000 Email Display: (0.6, 0.8) size 7,000 Display Affiliates: (1.2, 3) size 22,000 Affiliates
Bubble chart Use for: Three numbers per case: x, y and size.
Avoid for: More than ~25 bubbles.
Bubble chart maker →
English (6) Spanish (4) French (4) Ben Eli Fay Gil Ines Ana Chen Hugo Dev
Venn diagram Use for: Overlap between 2–3 groups of named items.
Avoid for: Four or more sets.
Venn diagram maker →
Questions What are the most common types of charts? Bar graphs, line graphs and pie charts cover most everyday needs. Histograms, scatter plots and box plots are the main statistical charts.
What is the difference between a chart and a graph? In everyday use they are interchangeable. Some teachers reserve “graph” for plots on x–y axes (line graphs, scatter plots) and “chart” for the rest (pie charts, Gantt charts).
Which chart is best for comparing data? A bar graph for comparing values across categories; a grouped bar graph or several lines for comparing groups over time; a box plot for comparing distributions.