Scatter Plot Maker — Free CSV XY Scatter Charts Online
Scatter plot from CSV — first column X, every following column a Y series. PNG export, runs in your browser.
How to use
- 1 Paste two-or-more-column CSV — first column is the X axis (numeric).
- 2 Every additional column becomes a series of (X, Y) points.
- 3 Download the scatter plot as PNG.
Why use this tool
- Continuous X axis — perfect for correlation, regression-style plots, sample scatters.
- Multiple series supported — each numeric column after the first becomes a series.
- Chart.js loaded lazily — small initial bundle.
- Pure client-side — your dataset never leaves the browser.
Frequently asked questions
Why are some points missing?
Rows where the X or Y cell is not a number are skipped silently — keeps preview tidy.
Can I show a trend line?
Not yet — switch to the <a class="underline" href="/line-chart-maker">Line Chart Maker</a> for connected segments.
Best chart type for categories?
For categorical X (months, names), use <a class="underline" href="/bar-chart-maker">Bar</a> or <a class="underline" href="/line-chart-maker">Line</a>.
What is Scatter Plot Maker?
A Scatter Plot Maker is a tool that creates scatter plots from CSV data in the browser. It treats the first column as X values and each following column as a separate Y series, plotting the resulting points on a two-axis chart. The plot can be exported as a PNG image, and all processing runs client-side without uploading data.
Features
Multi-series XY points from CSV columns
The first CSV column is parsed as the numeric X value for every row; each additional column becomes its own dataset of (X, Y) points, auto-colored from a 10-color palette.
Non-numeric rows silently skipped
Any row where the X or a Y cell fails Number.isFinite parsing (parseFloat) is dropped from that series so the plot stays clean instead of erroring.
One-click PNG export
Download renders the live canvas to a PNG data URL with canvas.toDataURL('image/png') and triggers a browser download — no server round-trip.
Client-side only, no upload
CSV parsing (RFC 4180-compliant, handles quoted fields with embedded commas/newlines) and Chart.js rendering both run in the browser; the CSV text never leaves the page.
Example
Input
Hours,Score
1,55
2,62
3,70
4,74
5,80
6,86
7,88
8,93
Output
scatter-plot-maker.png — canvas-sized PNG (matches the on-screen preview element, no fixed pixel dimensions), 1 series (Score) of 8 points on linear X/Y axes, point color #10b981 at 70% fill opacity with a solid border, legend shown
Common use cases
-
1
Correlation checks between two numeric variables
Paste paired values (e.g. Hours,Score) to visually inspect whether X and Y trend together before running a formal regression elsewhere.
-
2
Plotting multiple Y series against a shared X axis
Add extra numeric columns to overlay several measurement series (e.g. sensor readings, test scores) against the same X values on one chart.
-
3
Quick visual QA of raw sample data
Spot outliers or gaps in a small dataset by pasting it directly and seeing which rows get skipped as non-numeric before cleaning the source CSV.
Scatter Plot Maker turns pasted CSV text into an XY scatter chart rendered with Chart.js 4 on an HTML canvas, treating the first column as numeric X values and every following column as a separate Y series of (X, Y) points on linear axes. The result can be exported as a PNG via canvas.toDataURL(). All CSV parsing and chart rendering happen client-side in the browser — no file is uploaded to a server.
- Category
- Creator
- Pricing
- Free
- Privacy
- Browser-based
- Signup
- Not required
References
- Chart.js — Scatter Chart — Chart.js
- Chart.js — Linear Axis — Chart.js
- HTMLCanvasElement.toDataURL() — MDN Web Docs
- RFC 4180 — Common Format and MIME Type for CSV Files — IETF
Privacy
Your data never leaves your browser unless explicitly stated. Scatter Plot Maker runs entirely client-side — no server upload, no logging, no tracking of your input.
Related tools
YouTube Thumbnail Downloader
Download YouTube thumbnails in all available resolutions. Just paste a video URL.
Open toolOpen Graph Preview
Test how your URL appears when shared on social media. Preview Facebook, Twitter, LinkedIn, and Slack cards.
Open toolWord & Character Counter
Count words, characters, sentences, and paragraphs. Reading time, speaking time, and top keywords — instant.
Open toolLorem Ipsum Generator
Generate Lorem Ipsum placeholder text — by paragraphs, sentences, or words. Optional HTML wrapping.
Open toolBuild, share, and grow on Zerethon Social
Free signup. Earn points, collect achievements, and connect with creators worldwide.