Charts - Scatter demos

Demos that use scatter charts for simple plots, multiple y-axes, and related patterns.

SimpleScatterChart

Edit code

<ScatterChart
  series={[{ data, label: 'pv', id: 'pvId' }]}
  xAxis={[{ min: 0, height: 28 }]}
/>

<ScatterChart
  series={[{ data, label: 'pv', id: 'pvId' }]}
  xAxis={[{ min: 0, height: 28 }]}
/>

Press Enter to start editing

You can mix the color and size scale to represent 4 different dimensions in a single chart.

Africa

Asia

Europe

North America

Oceania

South America

Bubble size is proportional to the population · Data for 2023, Our World in Data

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.