A scatter plot chart, which can display several data series.
It lets you plot data on 2 dimensions, x & y, and can optionally
show a third quantitative dimension if you enable dynamic node size,
please have a look at the nodeSize property for further information.
The responsive alternative of this component is
ResponsiveScatterPlot, it also offers another
implementation, see ScatterPlotCanvas.
You can also see more example usages in
the storybook.
You can also enable a voronoi mesh to capture user's
interactions, using the useMesh property.
See the dedicated guide on how to setup legends for this component.
Chart data.
X scale configuration.
Optional formatter for x values.
Y scale configuration.
Optional formatter for y values.
'(d) => `${d.serieId}.${d.index}`'ID accessor for the node.
9How to compute node size, static or dynamic.
Chart width for non-responsive component.
Chart default width for responsive component.
Chart height for non-responsive component.
Chart default height for responsive component.
Debounce width/height updates for responsive component.
A callback for when responsive component is resized.
'Depends on device'Adjust pixel ratio, useful for HiDPI screens.
Chart margin.
Ref to the chart's container. Used on this page to generate/download the chart's image via html-to-image.