Geometric Transformations - Complete Interactive Lesson
Part 1: Moving Shapes & Translations
🔁 Geometric Transformations
Part 1 of 5 — Moving Shapes & Translations
Topics in This Part
| Section |
|---|
| What Is a Transformation? |
| Pre-image, Image & Prime Notation |
| Translations (Slides) |
| The Translation Rule |
🔑 Key Concept: A transformation moves or changes a figure on the coordinate plane. In this lesson you'll master the four big ones — translations, reflections, rotations, and dilations — starting with the simplest: the slide.
What Is a Transformation?
A transformation takes an original figure (the pre-image) and produces a new figure (the image).
- The pre-image is what you start with. We label its points , , , …
- The image is the result. We label its points with prime marks: , , (read "A prime").
So if point moves to a new spot, that new spot is .
| Word | Meaning |
|---|---|
| Pre-image | the original figure |
| Image | the figure after the move |
| "point maps to point (A prime)" |
There are four transformations to know:
| Transformation | Plain-English name | Does the size change? |
|---|---|---|
| Translation | slide | no |
| Reflection | flip | no |
| Rotation | turn | no |
| Dilation | resize | yes |
💡 The first three (slide, flip, turn) keep the figure exactly the same size and shape — only its position changes. We'll explore why that matters in Part 4.
Concept Check 🎯
Translations (Slides)
A translation slides every point of a figure the same distance in the same direction. Nothing flips, turns, or changes size.
On the coordinate plane we describe a slide by how it changes and :
- is the horizontal move: right is , left is .
- is the vertical move: up is , down is .
Worked Example: slide right 5, up 2
The rule is . Apply it to point :
Worked Example: slide left 3, down 4
The rule is . Apply it to :
⚠️ Watch the signs. Left and down are negative. Mixing these up is the most common translation mistake.
Translate the Point 🧮
Apply the translation rule (right 4, down 3) to each point. Enter the image coordinates.
1) — enter the then the . 2) — enter the then the .
Name That Slide 🔽
A figure moves so that point lands on . Describe the translation.
Part 2: Reflections (Flips)
🔁 Geometric Transformations
Part 2 of 5 — Reflections (Flips)
🔑 The Idea: A reflection flips a figure over a line called the line of reflection, producing a mirror image. The image is the same size and shape — just facing the other way.
Reflecting Over the Axes
When you flip a point over an axis, one coordinate keeps its sign and the other flips.
| Reflect over… | Rule | What changes |
|---|---|---|
| the -axis | the flips sign | |
| the -axis | the flips sign |
Why it works
Think of the -axis as a horizontal mirror. A point units above it reflects to a point units below it — same , opposite .
Worked Example: reflect over the -axis
Keep , flip the sign of :
Worked Example: reflect over the -axis
Flip the sign of , keep :
💡 Memory trick: "Reflect over the -axis → change the ." You change the coordinate of the axis you are not flipping over.
Concept Check 🎯
Two Special Lines: and the Origin
A couple of reflections come up often enough to memorize:
| Reflect over… | Rule | What happens |
|---|---|---|
| the line | swap and | |
| the origin | flip both signs |
📝 Reflecting over the origin gives the same result as rotating about the origin — you'll see that again in Part 3.
Worked Example: reflect over the line
Swap the coordinates:
Worked Example: reflect over the origin
Flip both signs:
Reflect the Point 🧮
Find each image. Enter the -coordinate, then the -coordinate.
1) Reflect over the -axis 2) Reflect over the line
Match the Reflection 🔽
Choose the correct image for each reflection of the point .
Part 3: Rotations (Turns)
🔁 Geometric Transformations
Part 3 of 5 — Rotations (Turns)
🔑 The Idea: A rotation turns a figure around a fixed point called the center of rotation. At this level the center is almost always the origin, and turns are counterclockwise unless told otherwise.
Rotations About the Origin
Memorize these three counterclockwise (CCW) rules:
| Rotation (CCW about origin) | Rule |
|---|---|
Worked Example: rotate by CCW
Use :
Worked Example: rotate by
Use — flip both signs:
💡 Direction shortcut: A turn counterclockwise lands in the same place as a turn clockwise. Both use .
⚠️ A rotation is the only one where the direction (CW vs. CCW) doesn't matter — you end up in the same spot either way.
Concept Check 🎯
Pick the Rule, Then the Image 🔽
You are rotating the point counterclockwise about the origin.
Rotate the Point 🧮
All rotations are counterclockwise about the origin. Enter the -coordinate, then the -coordinate.
1) Rotate by 2) Rotate by
Part 4: Dilations, Congruence & Similarity
🔁 Geometric Transformations
Part 4 of 5 — Dilations, Congruence & Similarity
🔑 The Big Distinction: Translations, reflections, and rotations are rigid motions — they preserve size and shape, so the image is congruent to the pre-image. A dilation resizes a figure, so the image is similar (same shape, different size).
Dilations (Resizing)
A dilation stretches or shrinks a figure from a center (usually the origin) by a scale factor .
When the center is the origin, the rule is:
The scale factor tells you what happens:
| Scale factor | Effect |
|---|---|
| enlargement (figure gets bigger) | |
| reduction (figure gets smaller) | |
| no change |
Worked Example: dilate by scale factor
Multiply both coordinates by :
Worked Example: dilate by scale factor
Multiply both coordinates by :
⚠️ A dilation is the only one of the four transformations that changes the figure's size. The image is not congruent to the pre-image — it's similar.
Dilate the Point 🧮
Each dilation is centered at the origin. Enter the -coordinate, then the -coordinate.
1) Dilate by scale factor 2) Dilate by scale factor
Congruent vs. Similar
This is the key idea Grade 8 transformations build toward:
| Result | Means | Produced by |
|---|---|---|
| Congruent | same shape and same size | a sequence of translations, reflections, rotations |
| Similar | same shape, possibly different size | a sequence that includes a dilation |
🔑 Test for congruence: Two figures are congruent if you can map one onto the other using only rigid motions (slides, flips, turns) — no resizing.
🔑 Test for similarity: Two figures are similar if you can map one onto the other using rigid motions and a dilation.
Example
A triangle is translated 3 units right and then reflected over the -axis. Since both moves are rigid motions, the image is congruent to the original. But if that triangle were also dilated by , the image would only be similar, not congruent.
Concept Check 🎯
Congruent or Similar? 🔽
For each sequence applied to a triangle, choose the strongest correct description of the image.
Part 5: Sequences & Mastery Check
🔁 Geometric Transformations
Part 5 of 5 — Sequences & Mastery Check
You can now translate, reflect, rotate, and dilate any point. The last skill is applying two or more transformations in a row — a sequence — and then we'll finish with a mastery check.
Sequences of Transformations
To apply a sequence, transform the point with the first rule, then feed that result into the second rule. Order matters.
Worked Example
Start with . Step 1 — reflect over the -axis :
Step 2 — translate right 4, up 1 , applied to :
So the full sequence sends . The double-prime means "after two transformations."
⚠️ Order matters! Reflecting then sliding usually lands somewhere different from sliding then reflecting. Always work left to right, one step at a time.
💡 The image after a sequence of rigid motions is always congruent to the original — no matter how many slides, flips, and turns you string together.
Run the Sequence 🧮
Start with . Apply the two steps in order.
Step 1: Rotate CCW about the origin, . Step 2: Translate down 2, .
Enter the final image — the -coordinate, then the -coordinate.
Quick Reference
| Transformation | Rule (about origin) | Size kept? |
|---|---|---|
| Translate | yes | |
| Reflect over -axis | yes | |
| Reflect over -axis | yes | |
| Reflect over | yes | |
| Rotate CCW | yes | |
| Rotate | yes | |
| Rotate CCW | yes | |
| Dilate by | no |
🔑 The first seven are rigid motions → image is congruent. A dilation (with ) → image is similar.
Mixed Practice 🎯
Exit Quiz ✅
Answer all three to finish the lesson.