Advertisements

header • up to 320x100 / 728x90

Scatter Plot Maker

Plot x/y points from CSV or JSON with axis labels, grid, and PNG/SVG export

Scatter Plot Maker
Plot x/y points from paste-friendly CSV or JSON with grid, axis labels, and PNG or SVG export.
CSV with header row. First column is x value, second column is y value.
Visit duration vs pages
Interactive preview — hover for tooltips. Export at any time.
Settings & export
Customize labels and colors, then export as PNG, SVG, or JSON.
Advertisements

content bottom • up to 300x250

What is Scatter Plot Maker

Last reviewed:

A scatter plot places each (x, y) pair as a point on a two-axis grid, making it easy to spot correlation, clusters, or outliers between two numeric variables.

Scatter Plot Maker ingests CSV or JSON x/y rows, renders them in the browser, and exports PNG or SVG for reports, notebooks, and slides.

Why use it

  • Quickly visualize correlation without opening a notebook or spreadsheet.
  • Paste from a SQL export or metrics dashboard and preview live.
  • Export PNG for docs and SVG for print-ready embedding.
  • Keep data client-side — nothing leaves the browser.

Features

  • CSV and JSON input
  • Configurable axis labels
  • Grid and legend toggles
  • 5 color palettes
  • PNG export (2× rasterization)
  • SVG export
  • Client-side rendering

How to use Scatter Plot Maker

  1. Paste data. Paste x/y rows as CSV or JSON.
  2. Label axes. Set the X and Y axis labels to describe the variables.
  3. Export. Download PNG for docs or SVG for vector-perfect embedding.

Example (before/after)

CSV input

x,y
1,1.2
2,1.9
3,2.8
4,3.2
5,3.9
6,5.1
7,5.8
8,6.4

Rendered scatter plot

Scatter plot with 8 points along an increasing trend from (1,1.2) to (8,6.4), grid on, axis labels applied, rendered as SVG ready for PNG export.

Common errors

Non-numeric coordinate

A row has a non-numeric value in the x or y column.

Fix: Strip units or commas from the values so x and y parse as plain numbers.

Too few points

Scatter plots need at least a handful of points to reveal patterns.

Fix: Supply at least 5–10 data points for a meaningful visualization.

FAQ

Does the tool draw a regression line?

Not yet — it renders raw points. Overlay a regression line in your design tool if needed.

Can I add axis titles?

Yes — set X and Y axis labels in the settings panel.

How are points colored?

Points use the first palette color; pick a palette that contrasts with your slide or document background.

Related tools

Related chart builders and analysis tools: You can also browse the full Chart Makers category for more options.

Line Chart Maker

Plot one or more series from CSV or JSON data with smoothing, grid, markers, and PNG/SVG export

Bar Chart Maker

Paste CSV or JSON and generate a customizable bar chart with axis labels, colors, legend, and PNG/SVG export

Pie Chart Maker

Turn label/value pairs into a labeled pie chart with custom colors, legend, and PNG/SVG export

Doughnut Chart Maker

Build a doughnut chart from label/value pairs with adjustable thickness, legend, colors, and PNG/SVG export

CSV to JSON

Convert CSV to JSON format

JSON to CSV

Convert JSON to CSV format

CSV Viewer

View CSV data in a table format

.env to JSON Converter

Convert a .env (dotenv) file into structured JSON with quote, comment, and escape handling

Angular Beautifier

Format Angular templates online with cleaner indentation and spacing for HTML, bindings, and interpolation blocks.

Babel Beautifier

Transform and reformat JavaScript code using Babel parsers. Supports modern JS features, JSX, and experimental syntax. Get cross-compatible formatted output.

C Beautifier

Format and beautify C code online with proper indentation and brace placement. Paste C code and get clean, readable output following standard C conventions.

C# Beautifier

Format and beautify C# code online with proper indentation and .NET coding style. Paste C# and get clean, readable output following best practices.