Coordinates snap to the selected grid step
Function graphing
Enter y = f(x), such as y=x^3. Trigonometry uses radians.
Shapes & lines · 0 points
Your points will appear here as you draw.
Interactive Coordinate PlaneCircles & curves
Open Circles & curves on the left. For a circle or semicircle, click two diameter endpoints. For a curved segment, click its start, end, then a bend point on the curve. Drag the defining points to reshape it, or use Select line/shape to move the whole curve. Curve intersections are approximate.
Function graphing
Open Function graphing on the right and choose Add equation. Enter y=x^3, y=abs(x), y=(1/2)x^2, or y=sin(x). Math buttons insert templates at your cursor; replace the selected placeholder. Trigonometric functions use radians; log is base 10 and ln is natural log. Each equation has color, visibility, delete, optional domain/range limits, and a table of values. Empty limits mean unrestricted. Inequalities and implicit equations are not supported. Find intersections includes visible function curves, lines, rays, segments, and shape edges. Curve intersections are numerical estimates within the visible grid; very tightly spaced or rapidly oscillating intersections may be missed. Select line/shape also selects curves: drag to translate them and automatically update their equations and limits. Both right-side sections can be collapsed without hiding their graphs.
How to use Interactive Coordinate Plane
Plot points, connect them into shapes, and copy your graph into a slide or document. Switch back to Graph whenever you’re ready—your current drawing stays in place.
1. Set up your grid
Use X minimum / maximum and Y minimum / maximum to choose the visible range. Open the collapsible Coordinate range & grid step section to edit these settings, then collapse it to save space. For example, set x from −10 to 10 and y from 2 to 12. Each maximum must be greater than its minimum.
Grid step sets the spacing between grid lines and the increments points snap to. Choose 1, 2, 5, 10, 0.5, or 0.25. Changing the step does not move existing points.
2. Draw a shape
- Click Make new shape.
- Click the grid to place points in order. Each new point connects to the previous one.
- After placing at least three points, click the first point again to close the shape.
- To keep an open line, click Stop drawing instead.
Click Make new shape again to draw another. Two points in the same shape cannot occupy the same coordinate, but different shapes can share coordinates.
Make a line and see its equations
Click Make a line, then click two distinct grid positions or existing points. A straight line extends through them across the visible grid, with arrowheads at both grid edges. Use its Line / Line segment / Ray buttons in the right panel to switch between an infinite line and a segment ending at your two points, or a ray starting at the first point and extending through the second. Rays have one arrowhead at the grid edge. Click Switch direction in the ray’s panel to swap its starting endpoint and reverse its direction; each point keeps its label and coordinates. Expand Show equations in the right panel to see its slope-intercept form (y = mx + b) and standard form (Ax + By = C), with simplified fractions and integer standard-form coefficients. For segments and rays, the equations describe the full line through the two defining points.
Drag either defining point to update the line and both equations. Selecting an existing point copies its position; it does not link the line to that other shape. Vertical lines show x = a constant and have no slope-intercept form. You can select and copy the equation text from the panel. Copy graph image includes the drawn line; the equations remain in the panel.
Import a photo
Analyze photo detects black or colored straight-line shapes and open paths on clear, straight-on grids. Review and edit the proposed coordinates, labels, colors, and grid units before importing. Letter recognition suggests capital letters and prime marks. Check yellow label fields; pink fields contain temporary letters that could not be read. All labels remain editable. For grids without axes, choose or confirm an origin before importing. Angled photos, curves, and overlapping geometry remain limitations; always review the detected shapes. Import adds editable shapes and supports Undo.
Fill shapes
Use Fill shape in a closed shape’s panel to add or remove translucent shading. Its outline and points remain visible. Transformed images keep the fill setting.
Delete a line or shape
Use Delete line or Delete shape in its right-panel entry. Ctrl+Z restores it. Deleting a reflection line keeps its reflected image in place and removes the live link; undo restores both the line and link.
Select and move a line or shape
Click Select line/shape, then drag any existing line, segment, ray, or shape. Click a shape’s point, edge, or interior, or anywhere along the visible line, segment, or ray. All its points move together, snapping to the grid step. Click another shape to move that one. Click Select line/shape again to return to editing individual points. Rotate changes the selected shape around the midpoint of its bounding box. Reflect over x mirrors it across the x-axis: (x, y) becomes (x, −y). Reflect over y mirrors it across the y-axis: (x, y) becomes (−x, y). Each move, rotation, or reflection can be undone with Ctrl+Z.
Transform a shape
Click Transform shape, choose the transformation, and click a shape on the grid. You can also use the shape’s Transform button in the right panel. The original stays in place; the new image gets primed labels such as A′, B′, C′ and a new color.
- Translate: drag the image to the desired position and release. Click the translated image again at any time to drag it to another position. Every point moves by the same horizontal and vertical amount, snapped to the grid step.
- Reflect: click two distinct grid points to define the reflection line. The reflected image appears automatically, along with the reflection line. Drag either square handle on that line to update the reflected image live (reflection handles take priority when points overlap); Undo restores both the line and image together.
- Rotate: click a center on the grid, choose 90°, 180°, or 270° clockwise or counterclockwise, then click Create image. Drag the marked center of rotation to update the image live. Its label disappears after creating the image; the draggable handle remains. Change Rotation angle in the image’s right-panel entry to update the rotation again. Remove center keeps the image where it is and removes its center and live rotation controls. Undo restores them.
- Dilate: enter a nonzero factor such as 2, 0.5, or 1/2, then click Create image. The default center is (0, 0); Choose center on grid lets you change it. Negative factors are also supported.
Cancel exits the tool without creating an image. Each completed transformation can be undone and redone as one action. If an image extends outside the grid, expand the axis ranges to see it.
Find intersections
Click Find intersections to mark crossings in the visible grid. It checks shape edges, lines, line segments, and rays, including a shape crossing itself. Results appear as I1, I2, … in an Intersections group on the right. Coordinates need not fall on grid steps.
Intersections appear only when you press the button. You can rename, recolor, or delete their markers and undo the operation. Editing geometry clears the old results; click the button again to find the new crossings. Repeated clicks replace results without duplicating markers. Overlapping stretches have infinitely many intersection points and are not marked as individual crossings.
3. Edit points and colors
- Move a point: drag its circle to another grid position. Its connected lines and ordered pair update with it. Finish or stop drawing first to edit points in any shape.
- Rename a point: click its letter in the right panel and type a new label, such as A′ or B″. Letters become uppercase.
- Delete a point: click the × beside its entry in the right panel.
- Change color: click the color swatch beside Shape color under that shape. Its lines, points, and labels use the selected color.
The point panel scrolls independently so a long list won’t change the grid size.
4. Choose your point labels
Under Show labels, choose No labels to hide point labels, Letters (A), Ordered pairs (−8, 5), or Both (A (−8, 5)). Labels are placed outside their own shape and may sit inside other shapes to stay close to their points. They avoid shape edges and other labels where space allows.
Use Show x and y to toggle the axis letters and Show axis numbers to toggle the numbered ticks. These settings are independent of point labels and apply to copied images.
5. Undo and redo
Use the Undo and Redo buttons or press Ctrl+Z to undo and Ctrl+Shift+Z to redo. On a Mac, use Command in place of Ctrl. A complete point drag counts as one change.
Clear all removes all shapes; Undo brings them back.
6. Copy your graph for slides, documents, or printing
- Choose the range, colors, and label display you want.
- Click Copy graph image and wait for Copied!.
- Open your slide or document and paste with Ctrl+V (or Command+V).
The copied image is cropped around the grid and visible labels, with darkened grid lines for printing. If copying is unavailable, open the app in a browser that supports image clipboard access and allow clipboard permission if prompted.
Before closing: copy any graph you want to keep. Drawings are kept during this session, but are not saved across a page refresh or reopening the app.