Where Did Transformations Come From?
People have been moving shapes around for thousands of years—think of tile patterns on ancient temple floors, or the repeating designs on a quilt. But it wasn't until mathematicians created the coordinate plane (that grid with an x-axis and y-axis) that we could describe those moves with numbers. Here's a quick look at the key moments.
So the big question this lesson answers is: how do we use coordinate rules to describe exactly what happens to a shape when we slide it, flip it, spin it, or resize it?
The Four Transformations
A transformation is a rule that takes every point of a shape and moves it to a new location. In this lesson we study four types. The first three—translations, reflections, and rotations—produce a shape that is the exact same size and shape as the original. We call those rigid motions (or isometries). The fourth, dilation, changes the size but keeps the shape. Let's meet them.
Translation (Slide)
Reflection (Flip)
Rotation (Turn)
Dilation (Resize)
Seeing Transformations on the Coordinate Plane
The diagram below shows one triangle going through all four transformations. Study each colored shape and pay attention to how the coordinates change. The original triangle (in cyan) has vertices at A(1, 1), B(4, 1), and C(2, 4).
In the diagram, the cyan triangle is the original. The violet dashed triangle shows a translation—every vertex moved 5 units left and 3 units down. The pink dashed triangle shows a reflection over the y-axis—the x-coordinates flipped sign while the y-coordinates stayed the same. Notice that both new triangles are the same size and shape as the original. That's because translations and reflections are rigid motions.
The Coordinate Rules
Here's the exciting part: each transformation has a coordinate rule—a formula you can apply to any point (x, y) to find where it lands. Let's go through each one.
For example, a translation of (−3, 5) means slide every point 3 units left and 5 units up. If a vertex is at (2, 1), it moves to (2 + (−3), 1 + 5) = (−1, 6). Every point shifts by the exact same amounts, so the shape doesn't change at all.
When you reflect over the x-axis, the y-coordinate flips sign because the point jumps to the other side of the horizontal line. Over the y-axis, the x-coordinate flips. Over the line y = x, the two coordinates swap places.
A 90° counterclockwise rotation about the origin sends (3, 2) to (−2, 3). You negate the old y-value and swap positions. A 180° rotation negates both coordinates—it's like doing two 90° turns in a row.
With a scale factor of k = 2, the point (3, 1) becomes (6, 2). Every distance from the origin doubles. The shape looks the same but is twice as big. A factor of k = ½ would cut each coordinate in half, shrinking the shape to half its size.
Rotation & Dilation — A Closer Look
Rotations and dilations can be tricky because they change coordinates in less obvious ways than sliding or flipping. The diagram below focuses on a 90° counterclockwise rotation and a dilation with scale factor 2, both centered at the origin.
Look at the amber (rotated) square. Each vertex followed the rule (x, y) → (−y, x). For instance, the original vertex (3, 1) became (−1, 3)—you negate the y-value to get the new x, and the old x becomes the new y. The whole square spun 90° counterclockwise but stayed the same size.
Now look at the green (dilated) square. With a scale factor of 2, every coordinate doubled. The side length went from 2 units to 4 units. The shape is still a square, but it's bigger and farther from the origin. That's why dilation is not a rigid motion—it changes the size.
Worked Example
Let's walk through a complete problem step by step.
Comparing the Four Transformations
Which transformations keep size the same? Which keep orientation? This table gives you a side-by-side look.
| Property | Translation | Reflection | Rotation | Dilation |
|---|---|---|---|---|
| Size preserved? | ✅ Yes | ✅ Yes | ✅ Yes | ❌ No (unless k = 1) |
| Shape preserved? | ✅ Yes | ✅ Yes | ✅ Yes | ✅ Yes |
| Angle measures preserved? | ✅ Yes | ✅ Yes | ✅ Yes | ✅ Yes |
| Orientation preserved? | ✅ Yes | ❌ No (flipped) | ✅ Yes | ✅ Yes |
| Rigid motion? | ✅ Yes | ✅ Yes | ✅ Yes | ❌ No |
| Produces congruent figure? | ✅ Yes | ✅ Yes | ✅ Yes | ❌ No (similar) |
| Coordinate rule (common form) | (x+a, y+b) | (x, −y) or (−x, y) | (−y, x) for 90° CCW | (kx, ky) |
Notice that reflection is the only rigid motion that reverses the orientation. That means if the original triangle's vertices went in a clockwise order, the reflected triangle's vertices go in a counterclockwise order. A good way to remember this: when you look at your reflection in a mirror, the text on your shirt appears backwards—that's reversed orientation!
Where Does This Lead?
The transformation rules you've learned here are the foundation for some powerful ideas in higher math. In high school geometry, you'll use sequences of transformations to prove that two shapes are congruent or similar. Instead of measuring every side and angle, you can show there is a series of translations, rotations, reflections, and/or dilations that maps one shape perfectly onto the other.
| What You Learned Now | Where It Goes Next |
|---|---|
| Coordinate rules for single transformations | Composing (combining) multiple transformations in sequence |
| Rigid motions produce congruent figures | Formal congruence proofs using transformations |
| Dilations produce similar figures | Proving triangles are similar; using similarity in real-world scale models |
| Rotations about the origin | Rotation matrices in linear algebra (high school & college) |
| Reflections over axes and y = x | Symmetry groups, used in art, chemistry, and physics |
In algebra, you'll see transformations applied to graphs of functions—shifting a parabola up (translation), flipping it upside down (reflection), or stretching it (dilation). The same vocabulary and logic carry over directly.
Practice Problems
Putting It All Together
In this lesson you learned how to describe four types of transformations using coordinate rules. A translation slides every point by (a, b), giving the rule (x, y) → (x + a, y + b). A reflection flips a figure across a line—over the x-axis uses (x, −y), over the y-axis uses (−x, y), and over y = x uses (y, x). A rotation turns a figure around the origin—90° counterclockwise sends (x, y) to (−y, x), and 180° sends it to (−x, −y). A dilation scales a figure by a factor k, sending (x, y) to (k × x, k × y).
The first three transformations are rigid motions, meaning they produce congruent figures—same size and same shape. Dilation, on the other hand, changes the size, producing similar figures. Reflections are the only rigid motion that reverses orientation. By combining these rules, you can describe complex movements of shapes on the coordinate plane and even prove that two figures are congruent or similar—a skill you'll use again and again in geometry and beyond.