Scatter Plot Generator

How to use

1. 1Paste your data, one row per line, in the form x, y. Add a third column to color rows by group, or a fourth to drive variable bubble sizing.
2. 2Use the first row as a header to name the columns. To set a color, append [#hex] to a group label, for example USA [#3b82f6].
3. 3Click any group chip below the input to hide or show that group. Hidden groups drop from the axis range, the trend line table, and the legend.
4. 4Choose a marker shape, a color mode, and tweak width, height, marker size, stroke width, and font size with the sliders.
5. 5Toggle grid lines, fill, the trend line (least squares with R squared), variable marker size, the legend, and the transparent background. Then copy the SVG or download SVG or PNG.

About this tool

Scatter Plot Generator turns a list of x and y values into a clean, exportable scatter chart. The input takes one row per line in the form "x value, y value", with an optional third column to split rows into colored groups and an optional fourth column to drive variable bubble sizing. A header row is detected automatically when its first two columns are non numeric, so "hours, score, cohort" works as easily as raw numbers. Each unique value in the third column becomes a group with its own marker color; add a per-group color hint with the [#hex] syntax ("USA [#3b82f6]") inside the group cell. The fourth column drives bubble sizing when the Variable marker size toggle is on, scaled by square root so visual area is proportional to the value. Pick from five marker shapes (circle, square, triangle, diamond, plus), toggle fill vs outline, set base marker radius, marker stroke width, and font size, and choose a single color, a 12 color palette, or per-group hints. The Show trend line toggle adds a dashed least squares regression line per visible group and a summary table below the chart with slope, intercept, and R squared so the chart is decision ready, not just decorative. Both axes use the Heckbert nice-number algorithm so ticks land on round values, the plot adds 5 percent padding so points are never flush with the edges, and gridlines render light enough to read the data through them. Click a group chip to hide or show that group; hidden groups drop out of the axis range, the trend line table, and the legend without editing the data. The live preview, the copyable SVG markup, and the rasterized PNG download are all built from a single SVG string in your browser, so what you see is exactly what you copy or save. Useful for slides, dashboards, reports, research notes, classroom handouts, blog posts, social posts, A/B test write ups, hours-studied vs score plots, height vs weight studies, marketing growth vs revenue maps, and any quick visualization where opening a spreadsheet feels heavy. All parsing, layout, rendering, and export run locally; no data is uploaded.

Free to use. Works in your browser. No signup, no login.