Recharts Scatter with Z (Bubble)

A scatter chart that uses the `<ZAxis>` to encode a *third* numeric dimension as bubble size — every dot's x-position carries 'effort', y-position carries 'impact', and the bubble area carries 'team size'. Two series of bubbles are coloured by category (Engineering Initiatives, P

Template details

  • chart
  • scatter
  • bubble
  • z-axis
  • multi-dimension
  • recharts
  • react

When to use this template

This visualization helps identify entities that stand out across two primary dimensions (e.g., effort vs. impact) while simultaneously highlighting their magnitude on a third, independent dimension (e.g., team size). It enables quick spatial comparison of individual items based on their X and Y values, augmented by an immediate visual cue for their relative 'bigness' or importance on the third metric. Analysts use it to prioritize, segment, or understand trade-offs where three quantitative factors are critical.

  • Datasets with individual entities or observations.
  • Two distinct numeric variables for X and Y coordinates.
  • A third numeric variable representing magnitude or size.
  • Optional categorical variable for grouping and coloring series.
  • Data where relative position and size are both analytically significant.
  • Suitable for comparing a moderate number of entities (tens to hundreds).

Browse all Koan templates