Coordinate Plane: Free Interactive Coordinate Grid

Updated · By Edulist · 5 sources

ABCDEFG
100%

Points are written (x, y): go across on the x-axis first, then up or down. Tap the grid to plot, drag a point to move it.

Keyboard and touch help
  • Drag a piece from the tray onto the board, or press a tray button (Enter) to add it in the next spot.
  • Tab to a piece. Arrow keys move it (Shift for bigger steps). Space adds it to the selection.
  • Tap or click an empty spot on the board to place something there (a point, for example).
  • D duplicates, R rotates, G trades up a group, B breaks a piece apart, Delete removes it.
  • Ctrl+Z undoes and Ctrl+Shift+Z redoes (Cmd on a Mac).
  • Drag across empty space to select several pieces. Drop pieces on the trash or back on the tray to delete them.

Explore math programs

See all math programs →

Compare listed prices and grade ranges. Save favorites on this device; directory inclusion does not imply funding approval. Confirm current prices and availability with the provider.

Math Mammoth

Gr. K–8 · Curriculum · Books

Art of Problem Solving

Gr. 5–12 · Curriculum · Books

CTC Math

Gr. K–12 · App · Curriculum

How to use it

  1. Plot points

    Tap any grid point, or type a point like (3, −2) and press Plot. Points are labeled A, B, C in order. Drag a point to move it along the grid, or use the arrow keys.

  2. Choose the grid

    Use all four quadrants or quadrant I only, with axes to 5, 10 or 20. Show coordinates writes each point's (x, y) next to its letter.

  3. Draw shapes

    Turn on Connect points and plot the corners in order, then press Close shape. The readout names the shape and gives its exact perimeter and area.

  4. Measure

    For the last two points, the readout shows the distance (exact, such as 2√34), the midpoint and the slope.

  5. Transform

    Pick a shape and a move (reflect over an axis or y = x, rotate about the origin, or translate), then press Make image. The image is labeled A′, B′, C′.

  6. Work the task cards

    Eleven cards check themselves, from plotting (3, 4) to midpoints, distances, reflections, translations, rotations and area.

Printables to go with it

What the coordinate plane is

The coordinate plane is two number lines crossing at a right angle. The horizontal one is the x-axis, the vertical one the y-axis, and they cross at the origin, (0, 0). Any point on the plane has an address: an ordered pair (x, y) that says how far to go across, then how far to go up or down. "Across first, then up" is the rule children repeat until it sticks; some teachers say "run before you jump" or "walk to the elevator, then ride it."

The axes cut the plane into four quadrants, numbered counterclockwise from the top right:

QuadrantSignsExample
I (top right)x positive, y positive(3, 4)
II (top left)x negative, y positive(−3, 4)
III (bottom left)x negative, y negative(−3, −4)
IV (bottom right)x positive, y negative(3, −4)

A point on an axis, like (0, 5) or (−2, 0), isn't in any quadrant. The readout says "on the y-axis" or "on the x-axis" for those.

How to plot points on a coordinate plane

  1. Start at the origin. Every point is measured from (0, 0).
  2. Read x first. Move right for a positive x, left for a negative x.
  3. Then read y. Move up for a positive y, down for a negative y.
  4. Mark the point. Label it with a letter so you can talk about it.

On this board, tap any grid point to plot it, or type the pair into Plot. The readout repeats the point and its quadrant, so a child who plotted (4, 3) when they meant (3, 4) sees the mistake right away. To move a point, drag it; it snaps to the nearest grid point.

Plotting points by grade

The Common Core standards build the coordinate plane over four years:

GradeWhat students doStandard
5th gradePlot points in the first quadrant; graph real-world data such as a pattern table5.G.A.1, 5.G.A.2
6th gradeUse all four quadrants; reflect points across axes by changing signs; find distances between points with the same x or y6.NS.C.6, 6.NS.C.8
6th gradeDraw polygons from their vertices and find side lengths6.G.A.3
8th gradeReflect, rotate, translate and dilate figures and describe the effect on coordinates8.G.A.1 to 8.G.A.3
8th gradeUse the Pythagorean theorem to find the distance between two points8.G.B.8
8th grade and upSlope as rise over run; graphing lines8.EE.B.5, 8.EE.B.6

For 5th graders, switch to Quadrant I. For 6th grade and up, use all four.

Distance, midpoint and slope

When there are at least two points, the readout measures the last two:

  • Distance. The board draws on the Pythagorean theorem and keeps the answer exact: from (−4, 2) to (6, 8), the legs are 10 and 6, so the distance is √136, which simplifies to 2√34, about 11.66.
  • Midpoint. Average the x's and average the y's: ((−4 + 6) ÷ 2, (2 + 8) ÷ 2) = (1, 5).
  • Slope. Rise over run: (8 − 2) ÷ (6 − (−4)) = 6/10 = 3/5. A vertical segment has no slope (it would mean dividing by zero), and the readout says so.

Points with the same x or the same y are a good place to start: from (2, 1) to (7, 1) the distance is just 7 − 2 = 5, the 6th-grade idea in 6.NS.C.8.

Drawing shapes and finding area

Turn on Connect points, plot the corners of a shape in order and press Close shape. The readout names the shape (rectangle, right isosceles triangle, parallelogram and so on) and gives its perimeter and area, both exact. Areas come from the shoelace formula, so they are always correct for lattice points, even for slanted shapes, and are whole numbers or halves. A rectangle from (1, 1) to (6, 4) has area 15 and perimeter 16.

Task card 11 asks for a triangle with area 6. There are many answers: a base of 4 and a height of 3, a base of 6 and a height of 2, or a slanted triangle whose area the board will check for you.

Reflections, rotations and translations

Pick a shape, choose a move and press Make image. The image appears in blue with primed labels, so A goes to A′. Compare the coordinates in the two shapes to find the rule:

MoveRule(5, 1) goes to
Reflect over the x-axis(x, y) → (x, −y)(5, −1)
Reflect over the y-axis(x, y) → (−x, y)(−5, 1)
Reflect over y = x(x, y) → (y, x)(1, 5)
Rotate 90° counterclockwise(x, y) → (−y, x)(−1, 5)
Rotate 180°(x, y) → (−x, −y)(−5, −1)
Rotate 90° clockwise(x, y) → (y, −x)(1, −5)
Translate by (a, b)(x, y) → (x + a, y + b)(5 + a, 1 + b)

Students can also plot the image themselves first and use Make image to check. The task cards accept either way: what matters is that the image is in the right place. Eighth graders learn that these moves keep lengths and angles the same (8.G.A.1), and the readout shows it: the image has the same perimeter and area as the original.

Activities to try

  • Battleship. Each player secretly picks three points. Take turns calling out ordered pairs; plot each guess. The first to find all three wins.
  • Quadrant sort. Plot one point in each quadrant, then one on each axis. Write the signs of each point and look for the pattern.
  • Missing corner. Plot three corners of a rectangle. Where is the fourth? Task card 5 does this with a square.
  • Same distance. Find all the grid points exactly 5 units from the origin. (There are twelve: four on the axes, and eight like (3, 4) and (−4, 3).)
  • Shape makeover. Draw a triangle, then make its reflection, its rotation and a translation. Which images face the same way as the original?
  • Mystery pictures. Plot a list of points in order to reveal a picture. Our coordinate grid pictures page has eight to try, with printable versions.

Tips for teachers and parents

  • Say the order every time. "x first, then y" until students don't need it. Mixing up the order is the most common mistake.
  • Start in quadrant I. Negative coordinates are easier once students are comfortable with positive ones.
  • Connect to the number line. Each axis is just a number line. Students who know that −3 is left of 0 on a number line already know where x = −3 is.
  • Predict before you press. Before making a reflection or rotation, ask students to predict where one point will go. NCTM's teaching practices emphasize this kind of reasoning: the board is for checking, not replacing it.
  • Move to paper. Print a blank coordinate grid or a quadrant 1 grid for homework.

What makes this coordinate plane different

Most coordinate plane tools only plot points. This one also measures and transforms: exact distances as simplified square roots, midpoints, slopes, polygon names, perimeters and areas, plus reflections over both axes and y = x, three rotations and translations that label their images. It has quadrant I and four-quadrant grids with axes to 5, 10 or 20, tap-to-plot and typed points, drag-to-move with snapping, undo and redo, share links, a printable snapshot, keyboard controls and eleven self-checking task cards.

For geometry with pegs and rubber bands, try the geoboard. For algebra before graphing, try algebra tiles. Families comparing middle school programs can start with the best middle school math curriculum guide.

Choosing an activity

Grade bands describe possible curriculum connections, not an assessment of an individual learner. Start with an example the learner can explain, then change one feature at a time. The activity suggestions here are editorial teaching ideas, not results from a classroom trial of this software. Use the model alongside written work and physical materials when useful. The linked standards describe learning objectives; they do not endorse Edulist or require this particular tool.

Sources

  1. Common Core State Standards: Grade 5 Geometry (the coordinate plane, 5.G.A)
  2. Common Core State Standards: Grade 6 The Number System (four quadrants, 6.NS.C)
  3. Common Core State Standards: Grade 6 Geometry (polygons on the plane, 6.G.A.3)
  4. Common Core State Standards: Grade 8 Geometry (transformations and distance)
  5. Common Core State Standards: Grade 8 Expressions and Equations (slope)

Questions

What is the difference between a coordinate plane and a coordinate grid?

They mean the same thing in school math: a grid with an x-axis and a y-axis where points are located by ordered pairs. Some teachers say coordinate grid for quadrant I only and coordinate plane for all four quadrants.

How do you plot a point like (−3, 5)?

Start at the origin. The first number is x: move 3 to the left because it is negative. The second number is y: move 5 up. Put the point there. It's in Quadrant II.

How are the four quadrants numbered?

Counterclockwise, starting at the top right. Quadrant I has positive x and y, Quadrant II negative x and positive y, Quadrant III both negative, and Quadrant IV positive x and negative y. Points on an axis aren't in any quadrant.

How do you find the distance between two points?

Make a right triangle: the horizontal leg is the difference in x, the vertical leg the difference in y. The distance is the square root of the sum of their squares. From (−4, 2) to (6, 8) that's √(10² + 6²) = √136 = 2√34, about 11.66.

What happens to coordinates when you reflect over the y-axis?

The x-coordinate changes sign and the y-coordinate stays the same: (5, 1) becomes (−5, 1). Reflecting over the x-axis changes the sign of y instead, and reflecting over y = x swaps the two numbers.

Can I print a coordinate plane?

Yes. Print makes a page of this board with its points and measurements. For blank grids, print the free blank coordinate grid or the quadrant 1 grid.

Keep your favorites together.

Browse learning products and save a wishlist on this device. Applications and pledges are not open.