Bubble chart

On this page 7

A bubble chart is a data visualization that plots each observation as a circle positioned by two numeric variables on the x and y axes, with the area of the circle encoding a third variable. In visualization practice, it extends the scatter plot so that one view can compare three measures, and color can add a fourth, usually categorical, dimension.

Bubble charts suit a few dozen entities whose size matters as much as their position, such as countries, products or sales regions. They are memorable and information-dense, but they are also among the charts most often drawn incorrectly, because human perception of area is imprecise and a wrong scaling choice can exaggerate differences severalfold.

How a bubble chart encodes data

A bubble chart maps each data dimension to a separate visual channel. Position on the two axes carries the most precise comparisons, size carries magnitude and color carries group membership or an additional value.

ChannelTypical variablePrecision of reading
X positionContinuous measure, such as income per personHigh
Y positionContinuous measure, such as life expectancyHigh
Bubble areaMagnitude, such as population or revenueLow to moderate
Color hueCategory, such as region or product lineGood for a few groups
Animation frameTime, such as yearGood for trends, poor for exact values
Visual channels in a bubble chart

Because position is read far more accurately than area, the most important comparison should be placed on an axis. The size variable works best for rough magnitude: large, medium and small, rather than exact ratios.

Scaling bubbles correctly

The single most important rule is that the area, not the radius, must be proportional to the value. If a value doubles and the radius doubles, the area grows four times, and readers perceive a much larger difference than the data contain.

Correct scaling therefore sets the radius proportional to the square root of the value. Most charting libraries offer a square-root or area scale for this purpose; a linear radius scale is a common default error in hand-built charts.

Value ratioArea ratio with radius scalingArea ratio with area scaling
2 to 14 to 12 to 1
4 to 116 to 14 to 1
10 to 1100 to 110 to 1
Effect of the scaling choice

Two further parameters matter. The maximum bubble size should keep the largest circle from covering many others, often a diameter of about 5-10% of the plot width. A minimum visible size keeps small values readable. Bubble size also requires non-negative values; negative magnitudes need a different encoding, such as color or a separate chart.

The bubble chart sits between the scatter plot and charts that encode size alone. Choosing among them depends on how many variables need to be compared and how precisely.

Chart typeVariables shownBest use
Scatter plotTwo numericRelationship and outliers across many points
Bubble chartThree numeric, plus categoryMagnitude alongside a two-variable relationship
Packed bubble chartOne numeric, plus categoryRough size comparison without axes
TreemapOne numeric, hierarchyPart-to-whole across nested categories
Bar chartOne numeric per categoryPrecise comparison of magnitudes
Bubble chart and neighboring chart types

A packed bubble chart places circles without axes and uses only size; it is decorative and much less precise than a bar chart. When exact magnitudes matter, a sorted bar chart beats any bubble layout. When there are hundreds or thousands of points, a plain scatter plot with transparency or a heatmap of point density is usually clearer.

Designing a readable bubble chart

A readable bubble chart limits the number of bubbles and manages overlap deliberately. In practice, about 10 to 50 bubbles work well; beyond that, circles hide each other and labels collide.

  • Draw smaller bubbles on top of larger ones so that none is hidden completely.
  • Use semi-transparent fills with a thin outline to show overlap.
  • Include a size legend with two or three reference circles and their values.
  • Label only the key bubbles directly; rely on tooltips for the rest in interactive charts.
  • Use a logarithmic axis when a variable spans several orders of magnitude, and state it clearly.

Color should follow a limited categorical palette, typically no more than six to eight hues, and remain distinguishable for readers with color vision deficiencies. Animating bubbles over time can reveal trajectories effectively, but static small multiples are better when readers need to compare specific years.

Common mistakes and limitations

Most failures of bubble charts come from perceptual distortion and clutter. The table lists the frequent problems, how they show up and how to fix them.

MistakeEffect on the readerFix
Radius proportional to valueLarge values look far largerScale area with a square-root scale
Too many bubblesOverlap hides dataFilter, aggregate or use a scatter plot
No size legendMagnitude cannot be readAdd reference circles with values
3D or shaded spheresVolume and area cues conflictUse flat circles
Size used for the key comparisonImprecise conclusionsMove that variable to an axis
Bubble chart mistakes

Even when drawn correctly, the chart cannot support precise reading of the size variable, and readers tend to underestimate differences in area. A bubble chart is therefore best for showing overall patterns and standout cases, with exact figures provided in a table or tooltip.

In everyday language

A bubble chart is a map of dots where some dots are bigger than others. Where a dot sits tells two things, such as how rich a country is and how long people live there. How big the dot is tells a third thing, such as how many people live there.

It works well for spotting the big players and the unusual cases at a glance. It is not the right tool for exact numbers, because people judge circle sizes only roughly.

Seen in the real world

A regional sales director prepares a quarterly review of 24 sales territories. The chart places each territory by revenue growth on the x axis and profit margin on the y axis, sizes each bubble by total revenue and colors it by country.

Bubble areas are scaled with a square-root scale, the largest bubble is limited to about 8% of the chart width, and a legend shows reference circles for 1, 5 and 10 million in revenue. Two territories immediately stand out: a large territory with negative growth and a small one with the highest margin.

The leadership team uses the chart to decide where to focus the next quarter’s attention and reads the exact revenue figures from an accompanying table. The chart directs the discussion; the table settles the numbers.