Skip to examples
Browse chart types
Chart library26 ways to visualize

STATISTICS / CHART GUIDE

Scatter Chart

A scatter chart is a chart that displays the relationship between two variables.

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

Height-Weight Relationship Analysis: Distribution of Height vs Weight Correlation

Age-Income Relationship Analysis: Positive Correlation between Age and Income

Car Horsepower vs Fuel Consumption by Origin, Custom Colors

Campaign Efficiency by Audience Segment (Point Focus)

About Scatter Chart

A scatter chart is a chart that displays the relationship between two variables. By representing each data point as a point on the chart, a scatter chart can show the correlation or distribution trend between two variables (typically numeric variables). The horizontal and vertical position of each point is determined by the two numeric variables of the data point, with the X-axis and Y-axis representing the two variables respectively.

02 / CONFIGURE

Make it yours.

The properties available for this chart.

Configuration Options

PropertyTypeRequiredDescription
typestringrequiredValue must be "scatter".
dataObject[]requiredChart data.
data.xnumberrequiredNumeric variable on the X-axis.
data.ynumberrequiredNumeric variable on the Y-axis.
data.groupstringoptionalGroup name.
titlestringoptionalChart title.
axisXTitlestringoptionalX-axis title.
axisYTitlestringoptionalY-axis title.
themeBuiltinThemeName | ThemeSpecoptionalBuilt-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
styleObjectoptionalChart style.
style.backgroundColorstringoptionalMust be a valid color value.
style.palettestring[]optionalMust be an array of valid color values.
GPT-Vis · An AntV project · MIT licensed