Home›Scatter›Scatter Chart
Scatter

Scatter Chart

Plot data points across two axes. Great for showing correlation between variables.

Loading chart…
#scatter#correlation#data points
When to use a Scatter Chart

A Scatter 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 Scatter 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