SECTION 1
Historical Context & Motivation
Have you ever looked at a tile floor or a quilt and noticed how the same pattern repeats? People have been moving and rearranging shapes for thousands of years. Ancient builders needed to know how to slide, flip, and turn tiles to create beautiful designs. These movements of shapes are called transformations.
Mathematicians eventually created rules for describing these movements. This made it possible to design buildings, create computer graphics, and even animate your favorite video game characters. Let's look at some key moments in the history of transformations.
~300 BC • Euclid's Elements
1637 • Coordinate Geometry
1872 • Felix Klein's Erlangen Program
1990s–Today • Computer Graphics & Animation
So here is the big question: How do we describe exactly what happens to a shape when we move, flip, turn, or resize it? That's what this lesson is all about.
SECTION 2
Core Principles & Definitions
A transformation is any change in the position, size, or orientation of a figure. Think of it like moving a sticker on a page. You can slide it, flip it over, spin it, or even stretch it bigger. There are four main types of transformations you need to know.
Translation (Slide)
Reflection (Flip)
Rotation (Turn)
Dilation (Resize)
KEY TAKEAWAY
Translations, reflections, and rotations are called rigid transformations (also called isometries). "Rigid" means the shape doesn't bend or change size. A dilation is not rigid because the size changes.
SECTION 3
Visual Explanation — The Four Transformations
The diagram below shows each of the four transformations applied to the same triangle on a coordinate grid. Study how the original triangle (shown in blue) changes with each transformation.
In the translation panel, every vertex of the triangle moved the same number of units right and up. In the reflection panel, the triangle flipped across a dashed vertical line. In the rotation panel, it spun 90° around a center point. In the dilation panel, the triangle grew to twice its original size.
SECTION 4
Mathematical Framework
We can describe each transformation using coordinate rules. These rules tell you exactly what happens to every point (x, y) on a figure.
TRANSLATION
The value a is how far the point moves left or right. The value b is how far it moves up or down. Positive a means right; negative a means left. Positive b means up; negative b means down.
REFLECTION OVER THE Y-AXIS
The x-coordinate flips to its opposite. The y-coordinate stays the same. For a reflection over the x-axis, the rule is (x, y) → (x, −y).
ROTATION 90° COUNTERCLOCKWISE ABOUT THE ORIGIN
For a 180° rotation: (x, y) → (−x, −y). For a 270° counterclockwise (same as 90° clockwise): (x, y) → (y, −x). All rotations here are about the origin (0, 0).
DILATION CENTERED AT THE ORIGIN
The number k is the scale factor. If k > 1 the figure gets bigger. If 0 < k < 1 the figure gets smaller. If k = 1 nothing changes.
Quick Tip
SECTION 5
Comparing the Four Transformations
The table below compares all four transformations side by side. Pay close attention to which ones change the size of the figure and which ones don't.
| Transformation | Everyday Word | Changes Size? | Changes Orientation? | What You Need to Describe It |
|---|---|---|---|---|
| Translation | Slide | No | No | Direction and distance (a, b) |
| Reflection | Flip | No | Yes (reversed) | Line of reflection |
| Rotation | Turn | No | Yes (turned) | Center point, angle, direction |
| Dilation | Resize | Yes | No | Center point and scale factor (k) |
Comparison of the four types of transformations
Notice that every single vertex moved 6 units to the right and 3 units up. The green image is the same shape and same size as the blue original. That's what makes a translation a rigid transformation.
SECTION 6
Worked Example
Let's walk through a complete example step by step. We'll reflect a triangle over the y-axis.
Reflect △ABC over the y-axis
- 1
Step 1 — Identify the original vertices
The triangle has vertices at A(2, 5), B(4, 1), and C(1, 1). Write these down so you can track each point.A(2, 5), B(4, 1), C(1, 1) - 2
Step 2 — Apply the reflection rule
The rule for reflecting over the y-axis is (x, y) → (−x, y). This means you change the sign of the x-coordinate and keep the y-coordinate the same.(x, y) → (−x, y) - 3
Step 3 — Calculate each new vertex
Apply the rule to each point. A(2, 5) → A′(−2, 5). B(4, 1) → B′(−4, 1). C(1, 1) → C′(−1, 1). The prime symbol (′) tells us these are the image points.A′(−2, 5), B′(−4, 1), C′(−1, 1) - 4
Step 4 — Verify the transformation
Check that each image point is the same distance from the y-axis as the original point. A is 2 units to the right of the y-axis. A′ is 2 units to the left. They match! The triangle is the same size and shape, just flipped.✓ Distances match — reflection is correct.
Remember
SECTION 7
Key Differences & Common Mistakes
Students sometimes mix up the four transformations. Here are the most common confusions and how to avoid them.
| Common Mistake | Why It's Wrong | How to Fix It |
|---|---|---|
| Confusing reflection with rotation | A reflection flips the figure across a line. A rotation spins it around a point. They look different! | Ask: "Is there a mirror line, or is there a center point?" |
| Forgetting to describe the direction of a translation | Saying "it moved 5 units" isn't enough. You need to say right, left, up, or down. | Always give both horizontal and vertical distances. |
| Thinking dilation always makes things bigger | A scale factor less than 1 (like ½) shrinks the figure. | Check the scale factor: k > 1 means bigger, 0 < k < 1 means smaller. |
| Not specifying clockwise vs. counterclockwise for rotation | 90° clockwise and 90° counterclockwise give different images. | Always include the direction when describing a rotation. |
Common mistakes and how to fix them
KEY TAKEAWAY
SECTION 8
Connection to Advanced Geometry
The transformations you're learning now are the foundation for more advanced ideas in high school geometry and beyond. Here's a quick peek at what's coming next.
| What You Learn Now | What Comes Next |
|---|---|
| Translations, reflections, and rotations keep size the same | In high school, you'll prove two figures are congruent (identical) using these rigid transformations |
| Dilations change the size but keep the shape | This leads to the idea of similar figures and scale drawings in geometry |
| Coordinate rules like (x, y) → (−x, y) | In algebra and beyond, you'll use transformation matrices to describe these same moves |
| Describing single transformations | You'll learn to combine transformations (called compositions), like "reflect then rotate" |
From middle school transformations to advanced geometry
Every animated movie, every video game character moving across a screen, and every architect's floor plan uses transformations. The skills you build today will show up again and again in math and in real life.
SECTION 9
Practice Problems
Question 1: CONCEPTUAL
Show answer
Question 2: BASIC CALCULATION
Show answer
Question 3: INTERMEDIATE
Show answer
Question 4: APPLIED
Show answer
Question 5: CRITICAL THINKING
Show answer
SUMMARY
Lesson Summary
Summary
A transformation changes the position, size, or orientation of a figure. The four main types are: a translation (slide every point the same distance and direction), a reflection (flip across a line of reflection), a rotation (turn around a center point by a certain angle), and a dilation (resize by a scale factor from a center point).
Translations, reflections, and rotations are rigid transformations — they keep the figure's size and shape the same. Only dilation changes the size. When describing any transformation, always name the type and give the details: direction and distance for translations, the line for reflections, center/angle/direction for rotations, and center/scale factor for dilations. Use coordinate rules like (x, y) → (x + a, y + b) to calculate exact image coordinates.