Home›Scatter›Bubble Chart
NEWScatter

Bubble Chart

Three-dimensional scatter chart where bubble size represents a third data variable.

Loading chart…
#bubble#scatter#3d-data#size
When to use a Bubble Chart

A Bubble Chart is ideal for developers and designers who need to display data clearly and effectively. Use this chart type when:

  • ✓Finding correlation between two variables (e.g. ad spend vs conversions)
  • ✓Identifying outliers in a dataset
  • ✓Visualizing distribution of data points across two axes
  • ✓A/B test result analysis
  • ✓Bubble charts where a third dimension controls dot size
Tips for Recharts Bubble Chart
TIP 1Use ZAxis with a range prop to control bubble sizes in bubble charts
TIP 2Add a ReferenceArea to highlight a specific quadrant
TIP 3Use different colors per group to distinguish data clusters
TIP 4Always label your axes clearly — scatter charts can be confusing without context
TIP 5Add a Tooltip with custom content to show all three data dimensions
Key Recharts Props
PROPTYPEDESCRIPTION
dataarrayArray of objects with your data values
dataKeystringThe key in your data objects to use for bar height
fillstringBar color — accepts hex, rgb, or CSS variable
radius[number,number,number,number]Corner radius [topLeft, topRight, bottomRight, bottomLeft]
stackIdstringGroup bars with the same stackId into a stacked bar
Related Charts