Graph Editor
1 / 2Create clean coordinate-plane graphs online.
Add points, draw line segments, adjust the axes, and export the result as an SVG or PNG. Graph Editor is built for browser-based maths diagrams used in lessons, worksheets, explanations, and simple visual references.
Editable coordinate gridLabelled plotted pointsLine segment drawingSVG and PNG export
Graph Editor focuses on coordinate-plane diagrams with points and line segments. It is intentionally not a full graphing calculator and does not currently plot equations or functions automatically.
No accountLocal savingFrontend only
What you can make
Coordinate diagrams for teaching, practice, and explanation.
Start with a clean coordinate plane, add the objects you need, and export a sharp image when the graph is ready.
Coordinate grids
Plotted points
Labelled points
Line segments between points
Teaching and practice diagrams
Exportable SVG and PNG images
Workspace previews
Plot points, connect them, and style the result in one place.
Move between point plotting and line drawing while the coordinate grid, object list, canvas, and selected-object inspector stay visible together.
Key features
The graph controls you need, without extra weight.
Tune the coordinate plane, create the geometry, and style the final diagram for the material you are making.
Editable coordinate grid
Set the visible x-axis and y-axis ranges, choose step values, and adjust grid spacing to suit the diagram you need.
Add points easily
Place points on the graph and snap them to grid intersections. Each point can have a label and an optional coordinate label.
Draw line segments
Create line segments between points. Existing points can be reused, and new endpoint points can be created when needed.
Style points and lines
Adjust point size, colours, labels, line colour, line style, and stroke width from the inspector panel.
Axis and label controls
Change axis ranges, tick spacing, axis arrows, grid appearance, point labels, coordinate labels, and display settings.
Export as SVG or PNG
Export the graph as scalable SVG or as a PNG for worksheets, presentations, and online content.
How it works
From grid settings to exported graph.
- 1Set the axis range and grid spacing.
- 2Add points by placing them on grid intersections.
- 3Draw line segments between points if needed.
- 4Adjust labels and styling.
- 5Export the finished graph as SVG or PNG.
Browser-based use
Your graph stays on your device.
Graph Editor works on the frontend only. Your graph data is stored locally in your browser using localStorage, so there is no account system, backend storage, or cloud sync.
Local browser state
No cloud sync
SVG export
PNG export
Suggested uses
Build simple coordinate visuals for classroom and learning materials without opening a heavy design tool.
Maths worksheetsCoordinate geometry examplesClassroom slidesOnline learning materialsSimple graph illustrationsPractice questions
Ready to plot?
Open Graph Editor and create your coordinate diagram.
Add points, connect them with line segments, adjust the styling, and export the finished graph.