About the Geometry Transformer

Translations, rotations, and reflections are easy to describe and surprisingly hard for students to visualize purely from a written rule. This tool puts a triangle, square, or L-shape on a coordinate grid and applies one transformation at a time, drawing the original shape as a faded dashed outline and the transformed image in solid green so the change is visible, not just calculated.

A coordinate list below the controls maps each original point to its image point, which turns the picture into the same notation students will see on a written assessment.

How to use it in your classroom

1. Pick a shape: triangle, square, or L-shape.
2. Choose a transformation type: translate, rotate, or reflect.
3. For a translation, set how far the shape moves left/right and up/down with the two sliders.
4. For a rotation, pick 90°, 180°, or 270° (rotations are counterclockwise about the origin); for a reflection, choose the x-axis or y-axis as the mirror line.
5. Read the coordinate list to see exactly how each vertex's ordered pair changed.

Tips from the classroom

• Start with the square before the L-shape — a symmetric shape makes it harder to accidentally "cheat" a rotation by just recognizing the outline, so move to the L-shape once students need to track actual vertices.
• Have students predict the new coordinates from the rule before revealing the image, then check their prediction against the coordinate list.
• Use the dashed-outline original as a fixed reference point when running through rotations back to back — only the solid green image should be changing.
• Reflections over the x-axis and y-axis look similar at a glance; ask students to name which coordinate stayed the same to confirm they're reading the mirror line correctly, not just the picture.

Frequently asked questions