Section 1
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.
~300 BCE
1637
1800s
Today
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?
Section 2
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)
Key Takeaway
Section 3
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.
Section 4
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.
Translation Rule
"a" is how far you slide left/right, and "b" is how far you slide up/down. Positive = right or up. Negative = left or down.
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.
Reflection Rules (Common Lines)
The coordinate that is perpendicular to the mirror line changes sign (or swaps).
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.
Rotation Rules (About the Origin)
CCW = counterclockwise. These rules assume the center of rotation is the origin (0, 0).
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.
Dilation Rule (Center at Origin)
"k" is the scale factor. If k > 1 the shape grows. If 0 < k < 1 the shape shrinks. If k is negative the shape also flips.
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.
Section 5
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.
Key Takeaway
Section 6
Worked Example
Let's walk through a complete problem step by step.
Reflect then Translate a Triangle
- 1
Problem
Triangle DEF has vertices D(2, 3), E(5, 3), and F(5, 7). First, reflect it over the x-axis. Then translate the result 4 units to the left. What are the final coordinates? - 2
Step 1 — Reflect Over the x-axis
The rule for reflecting over the x-axis is (x, y) → (x, −y). Just flip the sign of each y-coordinate.D(2, 3) → D′(2, −3) E(5, 3) → E′(5, −3) F(5, 7) → F′(5, −7). After the reflection, the triangle is now below the x-axis. - 3
Step 2 — Translate 4 Units Left
"4 units left" means we subtract 4 from every x-coordinate. The rule is (x, y) → (x − 4, y). We apply this to the reflected points.D′(2, −3) → D″(−2, −3) E′(5, −3) → E″(1, −3) F′(5, −7) → F″(1, −7) - 4
Step 3 — State the Final Answer
The final vertices are D″(−2, −3), E″(1, −3), and F″(1, −7). The triangle is still the same size and shape as the original because both a reflection and a translation are rigid motions. Only the position and orientation changed.
Section 7
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!
Key Takeaway
Section 8
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.
Section 9
Practice Problems
Question 1: Conceptual
Show answer
Question 2: Basic Calculation
Show answer
Question 3: Intermediate
Show answer
Question 4: Applied / Multi-Step
Show answer
Question 5: Challenge
Show answer
Summary
Putting It All Together
Summary
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.