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.
Scatter Plot Maker
Plot x/y points from CSV or JSON with axis labels, grid, and PNG/SVG export
Loading tool...
Advertisements
sidebar • 160x600
What is Scatter Plot Maker
Written by Giorgos Kostas. 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
- Paste data. Paste x/y rows as CSV or JSON.
- Label axes. Set the X and Y axis labels to describe the variables.
- 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
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
OpenAPI Endpoint Graph
Visualize OpenAPI / Swagger endpoint relationships, schema dependencies, and request flows as an interactive node-link graph with PNG export
.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.