Scatter Plot Generator

Create scatter plots as SVG from X/Y data points with optional labels.

freeworks offlinenothing uploaded
Input
Output

About scatter plot generator

Scatter Plot Generator does its work in front of you rather than sending anything away to be processed. What you see is the whole of it.

Because the work happens here, pasting production data carries no more risk than opening the file locally. Nothing is logged, since nothing arrives to log.

You will find it under Charts, alongside 7 other tools for the same sort of job.

Supports custom colors, point sizes, and axis labels.

How to use it

01
Start it
Every control is on the tool itself. Keyboard shortcuts, where there are any, are listed beside it.
02
Watch it run
It updates in the page as you go. Nothing is sent anywhere, so it keeps working with the network off.
03
Close when done
Nothing is stored between visits. Reloading gives you a clean start rather than picking up where you left off.

Examples

Height vs Weight
Generate a scatter plot of height vs weight data
Input
title: Height vs Weight
xLabel: Height (cm)
yLabel: Weight (kg)
points: [{"x":160,"y":55},{"x":170,"y":65},{"x":175,"y":70},{"x":180,"y":80},{"x":165,"y":60}]
width: 500
height: 400
color: #4e79a7
pointSize: 5
Output
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400" width="500" height="400"><style>text { font-family: sans-serif; font-size: 12px; fill: #333; }</style><rect width="500" height="400" fill="white"/><text x="250" y="20" text-anchor="middle" font-size="14" font-weight="bold">Height vs Weight</text><line x1="60" y1="40" x2="60" y2="350" stroke="#ccc"/><line x1="60" y1="350" x2="480" y2="350" stroke="#ccc"/><line x1="60" y1="350" x2="60" y2="355" stroke="#999"/><text x="60" y="368" text-anchor="middle" font-size="10">160.0</text><line x1="55" y1="350" x2="60" y2="350" stroke="#999"/><text x="52" y="354" text-anchor="end" font-size="10">55.0</text><line x1="60" y1="350" x2="480" y2="35…

Questions

Does Scatter Plot Generator work offline?+

Yes. It is JavaScript running in this tab, so once the page has loaded it needs nothing further from the network. Put the machine in flight mode and it carries on. Nothing you do here is sent anywhere, because there is nowhere for it to go.

Does it remember anything between visits?+

No. Reload the page and it starts from nothing. There is no account, no saved state and no cookie holding your last session. That is a deliberate trade: it cannot lose your data because it never keeps any.

Is it accurate?+

Timing comes from performance.now(), the high resolution clock the browser provides, rather than from setInterval, which drifts by a few milliseconds every tick and compounds over minutes. What can still shift things is the browser throttling a tab in the background, so leave it visible if the timing matters.

Does it make a sound?+

Where a sound makes sense, it is generated with the Web Audio API rather than loaded as a file, so there is nothing to download and nothing to block. Browsers refuse to start audio until you have interacted with the page, which is why the first press is what switches it on.

Can I use Scatter Plot Generator on a phone?+

Yes. The controls are sized for touch and the layout collapses to one column on a narrow screen. Bear in mind that a phone locking its screen will suspend the page, and timing stops with it.