FormatterHQ

Scatter Plot Maker

Plot x,y data points to explore relationships between two variables. Compare groups by color and add a linear trend line to each series.

Input CSV
Output XML
Ready.

How to use the Scatter Plot Maker

  1. Enter numeric x values in the first column and y values in the next column(s), or use group,x,y rows.
  2. Add a title and axis labels, choose colors and enable trend lines if you want them.
  3. Explore the plot; hover over a point to see its exact coordinates.
  4. Download the scatter plot as SVG.

Explore relationships between two variables

A scatter plot places each observation as a dot, with one variable on the x-axis and another on the y-axis. Patterns in the cloud of dots reveal whether the variables move together (correlation), how strongly, and whether there are clusters or outliers. This scatter plot maker creates such plots from plain x,y data, with numeric axes on both sides.

Two ways to enter data

1. Numeric first column – the first column is x, and every further column is a separate y series:

Study hours,Exam score
1,52
2,58
3,64
4,70
5,75
6,80

2. Group, x, y – when the first column contains text, it is treated as a group name, and the next two columns are x and y. Each group gets its own color and legend entry:

Species,Petal length,Petal width
setosa,1.4,0.2
setosa,1.3,0.2
versicolor,4.7,1.4
virginica,6.0,2.5

Trend lines

With trend lines enabled, a dashed least-squares regression line is drawn for each series. Hovering over it shows its equation, for example y = 5.63x + 46.8: the slope tells you how much y changes, on average, for each unit of x. A trend line summarizes a linear relationship; it does not prove that one variable causes the other, and it can be misleading when the pattern is clearly curved.

Typical uses

Scatter plots are used to compare marketing spend with sales, height with weight, response time with server load, price with rating, or study time with results. They are also a quick sanity check before running a statistical analysis, because a single glance reveals outliers and non-linear patterns that summary numbers hide.

Reading a scatter plot

  • Upward slope – positive correlation: higher x tends to go with higher y.
  • Downward slope – negative correlation.
  • No pattern – little or no linear relationship.
  • Isolated points – potential outliers worth checking for data errors.

Scatter plot maker options

  • Title, x-axis and y-axis labels, legend and custom colors.
  • Width and height of the SVG in pixels.
  • Point size adapts automatically: dots get smaller when you plot hundreds of points.

Both axes use "nice" round tick values chosen from your data range. If your data is a time series with ordered categories, a line graph is usually clearer; for grouped totals use the bar graph maker. Charts are drawn as SVG by JavaScript in your browser without any chart library or server; your data is never uploaded.

Frequently asked questions

How do I add a trend line to my scatter plot?
Enable the trend line option. A dashed linear regression line is drawn for each series, and hovering over it shows the equation.
Can I plot several groups in different colors?
Yes. Use rows of group name, x and y, or give each series its own column after a shared x column. Each group gets a color and a legend entry.
Why do I get an error about numeric X values?
A scatter plot needs numbers on both axes. Put numeric x values in the first column, or use group,x,y rows with the group name first.
Does a trend line show causation?
No. It summarizes the linear relationship in your data, but correlation alone does not show that one variable causes the other.

Last updated September 26, 2026

Related tools

Area Chart Maker Create area charts online from CSV or JSON data: filled line graphs with multiple series, smooth curves and SVG export. Bar Graph Maker Make bar charts online from CSV or JSON. Grouped bars for multiple series, negative values, custom colours and SVG export. Doughnut Chart Maker Build doughnut (donut) charts online from CSV or JSON. Shows the total in the centre, percentages per segment and exports SVG. Line Graph Maker Create line graphs online from CSV or JSON data. Multiple series, axis labels, custom colours and free SVG download. Pie Chart Maker Create pie charts online from label/value data. Automatic percentages, legend or outside labels, custom colours and SVG download. Source Code Viewer View source code with syntax highlighting and line numbers. Open any code file or paste it - HTML, PHP, JS, Python and more. SVG Viewer Preview SVG code or files instantly, check them for XML errors, see width, height and viewBox, and download the image. BBCode Viewer Preview BBCode forum posts before publishing: bold, colours, links, quotes, lists, code and spoilers rendered live. Excel Viewer Open and view Excel (.xlsx, .xls), OpenDocument (.ods) and CSV spreadsheets online without Excel. Sheet tabs, merged cells and JSON tree. Online HTML Editor Write and edit HTML with autocompletion and a sandboxed live preview, then copy or download the finished document. HTML Viewer Paste HTML or open a file and see it rendered instantly in a safe, sandboxed live preview. Free online HTML viewer. LaTeX Math Renderer Render LaTeX math equations with KaTeX in a live preview and copy the MathML or HTML to use in web pages.