Edilitics | Data to Decisions

Scatter Plot

Plot two measures against each other to reveal correlation, clusters, and outliers - best for relationships between numeric variables, not trends over time.

A scatter plot - also called a scatter chart or scatter diagram - plots two numeric measures against each other, with each row of data drawn as one point. Drop one categorical or date field into Column and exactly two numeric fields into Row. Use it when the question is about the relationship between two numeric variables - correlation, clustering, or outliers - not a trend over time or a ranked comparison across categories.

When to Use

A scatter plot answers a different kind of question than most other charts in this module. Bar charts and line charts compare a measure across a dimension. A scatter plot compares two measures directly against each other, with the dimension used only to color and group the points. Use it to investigate whether two numeric variables move together, whether the data forms distinct clusters, or whether a few points stand apart from the rest as outliers.

A scatter plot does not calculate or display correlation. The chart shows where each point falls - it is up to the viewer to visually judge whether a relationship exists. There is no automatic trend line, regression line, or correlation coefficient. If the chart needs to make a specific quantitative claim about the relationship, state it in the chart title or compute it separately in Transform - do not let the visual pattern alone imply a statistical conclusion that has not been verified.

Switch to a different chart when:

  • One of your two fields is time and the question is about trend - use Line Chart
  • You need to encode a third numeric measure as point size - use Bubble Chart
  • You are comparing a measure across categories, not two measures against each other - use Horizontal Bar
  • You need to see the distribution shape of a single measure - use Histogram
ScenarioDimensionMeasure 1 (X)Measure 2 (Y)
Marketing spend vs. revenue by channelChannel nameSum of spendSum of revenue
Response time vs. satisfaction score by teamTeam nameAverage response timeAverage satisfaction score
Deal size vs. days to close by regionRegion nameSum of deal sizeAverage days to close
Tenure vs. performance score by departmentDepartment nameAverage tenureAverage performance score
Page load time vs. bounce rate by device typeDevice typeAverage load timeBounce rate %

Required Inputs

FieldTypeCount
DimensionCategorical or DateExactly 1
MeasureNumericExactly 2

The dimension groups points into separately colored series. The two measures become the X and Y position of each point.

For step-by-step build instructions, see Build Your First Chart.

Formatting Options

The Format tab unlocks after at least one field is assigned. Once your chart is rendering, use these controls to define how it looks and how viewers interact with it.

Style

Use the chart title to state the relationship being examined - viewers need to know which measure is on which axis before they look at the point pattern.

ControlWhat it does
Show Chart TitleShows or hides the title. The text is preserved when hidden so you can toggle it back without re-entering.
Enter Chart TitleTitle text. Maximum 50 characters.
Font familyFont applied to the title.
Font size5 to 30.
Bold / ItalicWeight and style.
AlignmentLeft, center, or right within the chart container.

Scatter Styles controls the shape, size, color, and ripple animation of every point.

ControlWhat it does
ShapeThe marker shape for every point: Circle, Rect, Round Rect, Triangle, Diamond, Pin, or Arrow. Circle is the default and most neutral choice.
Ripple EffectAdds a pulsing ring animation around each point. Off by default. Use for presentation contexts where drawing attention to the data matters; avoid on dense charts where constant rippling becomes distracting.
Ripple ScaleSize of the ripple relative to the point, 1.5 to 10.0. Default is 2.5. Only available when Ripple Effect is on.
SizeDiameter of each point, 1 to 50. Default is 10. Reduce on dense charts to limit overplotting; increase on sparse charts so points are easy to see.
Scatter ColorSingle fill color for all points. Only shown when the dimension produces one series (or no dimension is grouping the data).
Gradient Start Color / Gradient End ColorWhen the dimension splits points into multiple series, each series gets a color interpolated between Start and End rather than a single fixed color.

Data labels print a value next to each point. On a scatter plot with more than a handful of points, labels will overlap heavily - use them only on charts with a small number of points where every point needs to be individually identified.

ControlWhat it does
Show Data LabelsShows or hides value labels on points.
Font familyFont applied to data labels.
Font sizeMaximum 18. Keep small on dense charts.
Bold / Italic / ColorText styling.
PositionVertical and horizontal alignment of the label relative to the point.
Number TypeDefault, Scientific, Decimal, or Percentage.
Display UnitNone, Thousand, Million, or Billion.
Decimal Places0 to 6. Available when Number Type is not Default.

The legend identifies which color corresponds to which category in the dimension. Critical when more than one series is plotted - without it, viewers cannot tell groups apart.

ControlWhat it does
Show LegendsShows or hides the legend. On by default.
Vertical positionTop, middle, or bottom alignment of the legend block.
Horizontal positionStart, center, or end alignment.
Show NameDefault: labels always visible. On Hover: labels appear only when viewer hovers the legend.
OrientationVertical or Horizontal legend layout.
Item GapSpacing between legend items.
Font SizeLegend label font size.
ColorLegend label text color.

Axes

Both axes on a scatter plot are numeric value axes - there is no categorical axis. Name both clearly so viewers immediately know what each axis represents without checking the tooltip.

Select X or Y before making changes. Settings apply to the selected axis only.

ControlWhat it does
Show Axis NameShows or hides the axis name label.
Axis name textLabel text. Maximum 20 characters. Defaults to the field name.
Font familyFont applied to the axis name.
Font size5 to 30.
Bold / ItalicWeight and style.
Offset (%)Distance between the axis name and the axis line. Increase if the axis name overlaps the axis labels.
AlignmentStart, center, or end along the axis.

Leave these at their defaults unless you are building a minimal dashboard layout.

Select X or Y before making changes.

ControlWhat it does
Show Axis LineShows or hides the axis line. Hiding it also hides ticks.
Line ColorColor of the axis line.
Line WidthThickness of the axis line, 0 to 5.
Line TypeSolid, Dashed, or Dotted.
Show TicksShows or hides tick marks on the axis line.
Tick ColorColor of the tick marks.
Tick LengthLength of the tick marks, 5 to 10.

Select X or Y before making changes. Hiding axis labels also hides the axis name.

ControlWhat it does
Show Axis LabelShows or hides labels along the axis.
Font familyFont applied to axis labels.
Font sizeLabel font size.
Bold / Italic / ColorText styling.
RotationAngle of label text.
Display UnitAuto, None, Thousand, Million, or Billion. Available on both axes since both are numeric.

Grid lines on a scatter plot give viewers a reference grid for reading point positions against both numeric scales. Keep them on for both axes - unlike a bar or line chart, there is no implicit category axis to anchor against.

Select X or Y before making changes.

ControlWhat it does
Show GridlinesShows or hides grid lines for the selected axis.
Grid ColorColor of the grid lines.
Left / Right / Top / BottomPlot area margins as a percentage. Increase Left when Y-axis labels are clipped. Increase Bottom when X-axis labels overflow.

Interactivity

The tooltip is the primary way viewers read exact X and Y values for a specific point, since position alone is hard to read precisely against a numeric grid.

ControlWhat it does
Show TooltipShows or hides the tooltip on hover. Keep on.
Background ColorTooltip background color.
Headers / Values tabsSeparate styling for the axis label rows (Headers) and the value rows (Values). The Values tab includes Number Type, Display Unit, and Decimal Places.

Keep animation on for presentations where the points appearing draws attention to the overall pattern forming. Turn it off on dashboards that auto-refresh.

ControlWhat it does
Enable AnimationTurns the build animation on or off.
DurationHow long the animation runs, 0 to 3000ms. Default is 1000ms.
DelayTime before the animation starts after the chart loads, 0 to 2000ms.
Easing FunctionThe motion curve. Cubic Out (the default) gives a natural deceleration.

Enable Data Zoom when many points cluster together and viewers need to zoom into a dense region to separate overlapping points.

ControlWhat it does
Show Data ZoomShows or hides the zoom control.
Zoom TypeSlider: a draggable range bar alongside the chart. Inside: scroll-to-zoom directly on the plot area. Inside is often more useful on a scatter plot than on other chart types, since viewers frequently want to zoom into a specific cluster rather than scroll along one axis.
Slider Size (px)Width or height of the slider bar, 10 to 100. Slider type only.
PositionPosition of the slider relative to the chart.
AlignmentAlignment of the slider control.
OrientationHorizontal or Vertical, depending on which axis needs zooming.
Show Detail LabelShows range values at the slider handles.
Background ColorSlider background.
Filler ColorColor of the selected range inside the slider.
Border ColorSlider border.
Handle ColorColor of the drag handles.
Brush SelectionEnables click-and-drag to zoom into a range.

Emphasis highlights the hovered point, useful for picking out one point from a dense cluster.

ControlWhat it does
Show EmphasisEnables or disables the hover effect.
Focus TypeItem: highlights the hovered point and dims others. Series: highlights all points in the hovered series (the same dimension category) and dims the rest - use this to trace one category's spread across the chart. None: no visual change on hover.
Enable ScaleScales the hovered point slightly larger.
Scale SizeHow much the point scales. Keep at 1.3 or below on dense charts to avoid the scaled point overlapping its neighbors.

Enable the Toolbox when viewers need to export the chart or inspect the exact values behind specific points.

ControlWhat it does
Show ToolboxShows or hides the toolbox icon bar.
Save as ImageAdds a download icon that saves the chart as a PNG.
Data ViewAdds an icon that opens the underlying data table in the chart area.

Best Practices

State the relationship being examined in the chart title. Unlike a bar or line chart where the axis labels alone often communicate the question, a scatter plot benefits from an explicit title - "Marketing Spend vs. Revenue by Channel" tells viewers what to look for before they study the point pattern.

Do not claim correlation the chart does not show. The visual pattern of points is suggestive, not proof. Avoid titling a chart "X Causes Y" based on a scatter plot alone - state only what the data shows, and note any caveats about sample size or confounding factors separately if the chart will inform a decision.

Reduce point size or opacity when points overlap heavily. Overplotting hides how many rows actually share similar coordinates. Smaller points, lighter colors, or pre-aggregating in Transform all help reveal density that a wall of solid-colored points would otherwise hide.

Use Series focus in Emphasis when comparing groups. With multiple categories plotted in different colors, Series focus lets viewers isolate one group's spread at a time - much easier than trying to visually filter colors out of a busy chart.

Limit Ripple Effect to genuinely highlight-worthy charts. It is a strong visual effect meant for drawing attention, not a default styling choice. On a chart with many points, ripples animating constantly can be distracting rather than helpful - reserve it for charts with a small number of points or specific points you want to emphasize.

FAQs

Need help? Email support@edilitics.com with your workspace, job ID, and context. We reply within one business day.

Last updated on

On this page