> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# ScatterPlot()

- Package: [@gooddata/sdk-ui-charts](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/index.md)
- Kind: function
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-charts/src/charts/scatterPlot/ScatterPlot.tsx
- Guides: [Scatter plot](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/scatter-plot/index.md)

Scatter plot shows data as points using Cartesian coordinates.

**Signature:**

```typescript
export declare function ScatterPlot(props: IScatterPlotProps): import("react/jsx-runtime").JSX.Element;
```

## Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| props | [IScatterPlotProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iscatterplotprops/index.md) |  |

**Returns:**

import("react/jsx-runtime").JSX.Element

## Remarks

Scatter plots typically have a minimum of two measures, one for the X-axis and the other for the Y-axis, and one attribute, which determines the meaning of each data point. Scatter plots are useful for analyzing trends between two measures or for tracking the magnitude of two measures from the same chart.

See [IScatterPlotProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.iscatterplotprops/index.md) to learn how to configure the ScatterPlot and the [scatter plot documentation](https://www.gooddata.com/docs/gooddata-ui/latest/references/visual_components/scatter_plot) for more information.