This entry is part of the Chart Index, the reference library for the Chart Design Field Guide.
The bubble chart is a scatter plot with a third dimension: each point becomes a circle whose area encodes an additional quantitative variable. Two variables map to x and y; a third maps to size. The chart can pack four dimensions if colour is added — and that is usually where it goes wrong. The form's reputation for over-cluttering comes from how easy it is to throw one more encoding at it.
Done well, the bubble chart is a powerful editorial form. Income vs. life expectancy, with bubble size as population is the canonical example — Hans Rosling's Gapminder used animated bubble charts to make demographic data viscerally readable for millions. The lesson from that work: the visual scale of the bubbles must be honest, and the dataset must be sparse enough that bubbles do not overplot.
What it is
A bubble chart maps two continuous variables to x and y positions, and a third quantitative variable to the area of a circle at each point. Optional fourth and fifth variables can be encoded as colour and label. The encoding is area, not radius — doubling the value should double the visible area, which means the radius scales as the square root of the value.
Thirty-six countries plotted by GDP per capita (x) and life expectancy (y), with bubble area proportional to population. The eye reads the cloud's shape (a strong positive relationship) and then the individual outliers — a small bubble in the lower-left (small, low-income country), a large bubble in the upper-right (populous, prosperous country).
When to use it
Bubble charts are the right choice when:
- You have three continuous variables to display and want them on the same chart.
- The reader's question is "is there a relationship between A and B, and how does C contribute?"
- The third variable (size) is non-negative and varies over a reasonable range (factor of 50–500×).
- You have few enough observations that bubbles do not overplot (typically 20–100).
- The chart is editorial — bubble charts are storytelling forms, not analytical workhorses.
When not to use it
- Three variables of similar importance. A 3D scatter plot or a small-multiple panel may be better than encoding the third as size.
- Overplotting. When bubbles overlap, the size encoding fails. Use alpha blending, hexbins, or filter to fewer points.
- Discrete categories on x or y. Bubble charts require continuous axes. For categorical comparison, use grouped bars or dot plots.
- Audiences unfamiliar with area encoding. Readers often misperceive area; they tend to read large bubbles as larger than they are.
Design principles
Scale by area, not radius
If you map the third variable to radius directly, doubling the value produces a circle four times the area. The eye reads area; the encoding becomes a 4× exaggeration. Scale the radius as the square root of the value so the area is proportional.
Label the most-important bubbles
A bubble chart with 50 unlabeled bubbles is a beautiful but ambiguous cloud. Label the bubbles that carry the story — the largest, the smallest, named outliers, the bubble being discussed in the text. Most bubbles can remain unlabelled if a small subset is named.
Use a quiet outline
A subtle stroke around each bubble (1px, neutral grey) helps separate overlapping bubbles without competing for attention. Without an outline, dense regions become a single shape; with a heavy outline, every bubble fights the others.
Use a careful colour encoding
If the bubble has a fourth dimension as colour, use a sequential or categorical palette with intentional choices. Country region → categorical; score → sequential. Mixed-encoding charts can be powerful in editorial work but require careful legend design.
Provide a size legend
A bubble chart needs a key showing what the bubble sizes represent. Three or four reference circles (small, medium, large) labelled with values. Place it near the chart, not buried.
Honest axes
Like scatter plots, bubble charts are sensitive to axis truncation. A bubble in the upper-right corner of a zoomed axis may not be the leader once the axis includes the full range.
Use animation for temporal evolution
Static bubble charts of one moment can show a relationship. Animated bubble charts show how the relationship evolves over time — bubbles drifting, growing, shrinking. The animation is the form's most powerful storytelling tool, but it requires interactive delivery.
Anatomy
A bubble chart's anatomy is a scatter plot with sized circles, a size legend, axes labelled with units, and selective labels on the bubbles that carry the story. The form rewards restraint — fewer bubbles, fewer labels, fewer encodings — than its temptation suggests.
Related types
- Scatter plot — the bubble chart without the size dimension. Simpler, more analytical.
- Beeswarm — single-axis dot plot with size; different question.
- Packed bubble chart — bubbles packed inside a container, no x/y; rank-only display.
- 3D scatter — for three continuous dimensions where size encoding would be ambiguous; rarely worth the complexity.
- Connected bubble (animated) — Rosling's Gapminder form, bubbles tracing paths through time.
Reading list
- Rosling, H. (2010). The Joy of Stats. The Gapminder animated bubble chart.
- Cleveland, W. & McGill, R. (1984). Graphical Perception. Area perception ranks below position; treat with care.
- Stevens, S. (1957). On the Psychophysical Law. The original studies on perceived size scaling.