# Function ScatterChart

ScatterChart(props, deprecatedLegacyContext?): null | ReactElement< any, any >

A React component displaying the distribution of two variables on an X-Axis, Y-Axis, and two additional fields of data that are shown as colored circles scattered across the chart.

Point: A field that for each of its members a scatter point is drawn. The maximum amount of data points is 500.

Size: An optional field represented by the size of the circles. If omitted, all scatter points are equal in size. If used, the circle sizes are relative to their values.

# Example

Scatter chart displaying total revenue per category, broken down by gender, from the Sample ECommerce data model.

Additional Scatter Chart examples:

# Parameters

Parameter Type Description
props ScatterChartProps Scatter chart properties
deprecatedLegacyContext? any ::: warning Deprecated

:::

See

React Docs (opens new window)

# Returns

null | ReactElement< any, any >

Scatter Chart component