Math · Visualization

XY Graph & Coordinate Plotter

Enter (x,y) coordinates and plot scatter, line, or bar charts instantly. Multiple series, trendlines with R², CSV import, and PNG export — all in your browser.

Try a sample:
Chart Options
Type
Axis range (leave blank for auto)
Data Series
CSV Import / Export
Paste x,y or x,y,label (comma, tab, or semicolon separated, one row per line). Data goes into the active series ().
Graph
x = , y =

What This Tool Does

A complete XY coordinate plotter and data visualizer — no spreadsheet software needed.

📊
Three chart types
Scatter plot for raw data distribution, line chart for trends and functions, bar chart for categorical comparison. Switch between types instantly — your data stays in place.
📈
Trendlines with R²
Toggle linear regression to fit a best-fit line through any scatter series. Shows the regression equation (y = mx + b) and R² coefficient in the stats bar — instantly see how well your data follows a linear trend.
🎨
Multiple series
Add unlimited data series, each with a custom colour and name. Show or hide individual series. The legend identifies each series at the bottom of the graph.
🖱️
Hover tooltip
Hover over any point to see its exact (x, y) values and optional label in a floating tooltip. Snaps to the nearest point within 20 pixels.
📥
CSV import
Paste CSV data directly (x,y or x,y,label format). Accepts comma, tab, or semicolon delimiters. Paste from Excel, Google Sheets, or any text source.
🖼️
PNG export
Download the graph as a PNG image for use in reports, presentations, or documents. Chart title, axis labels, and legend are all included in the export.

How to Use

1
Enter your points
Type X and Y values into the table in the active series panel. Points are plotted as you type. Use the "Add point" button to extend the table, or import a CSV file for bulk data.
2
Choose chart type
Select Scatter, Line, or Bar in the Chart Options panel. For scatter plots you can also enable "Connect dots" to draw a line between points without switching fully to line mode.
3
Add more series
Click "Add series" to create a second dataset. Click the colour swatch next to a series to pick a custom colour. Use the Hide/Show toggle to compare with and without a series.
4
Export your graph
Click "Save PNG" to download the graph image. Use "Export CSV" to save your data. Check the stats bar below the graph for mean, range, and regression equation values.

Frequently Asked Questions

Type your X and Y values into the point table for the active series. Points are plotted instantly as you type. Click "+ Add point" to add more rows. To bulk-import data, paste CSV lines (one x,y pair per line) into the CSV Import box and click Import.

A trendline is the straight line that best fits your scatter of points using least-squares linear regression: y = mx + b. R² (coefficient of determination) measures the fit: R²=1.0 means all points lie exactly on the line; R²=0 means no linear relationship. Enable it with the Trendline checkbox. The equation and R² value appear in the stats bar below the graph.

Select two columns (X and Y) in your spreadsheet, copy them, and paste into the CSV Import text area. Excel and Sheets copy with tab separators, which this tool accepts. One row per line. An optional third column is used as a point label. Click Import and the data is loaded into the active series.

Yes — just calculate the y values manually and enter them as (x,y) pairs, or import them as CSV. Try the "Quadratic functions" sample to see y = x² and y = x²−3x+2 plotted as line charts. For a smooth curve, use small x increments (e.g. 0.5 or 0.1) so the connected line appears smooth.

No. All plotting, regression, and CSV processing runs entirely in your browser using the HTML5 Canvas API and JavaScript. Your data never leaves your device. There is no backend — the tool works completely offline once the page is loaded.

Related Tools

View all →