Skip to content
๐ŸŽฏโญ INTERACTIVE LESSON

Geometric Transformations

Learn step-by-step with interactive practice!

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 AA, BB, CC, โ€ฆ
  • The image is the result. We label its points with prime marks: Aโ€ฒA', Bโ€ฒB', Cโ€ฒC' (read "A prime").

So if point AA moves to a new spot, that new spot is Aโ€ฒA'.

WordMeaning
Pre-imagethe original figure
Imagethe figure after the move
Aโ†’Aโ€ฒA \to A'"point AA maps to point Aโ€ฒA' (A prime)"

There are four transformations to know:

TransformationPlain-English nameDoes the size change?
Translationslideno
Reflectionflipno
Rotationturnno
Dilationresizeyes

๐Ÿ’ก 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 xx and yy:

(x,โ€‰y)โ†’(x+a,โ€‰y+b)(x,\, y) \to (x + a,\, y + b)

  • aa is the horizontal move: right is ++, left is โˆ’-.
  • bb is the vertical move: up is ++, down is โˆ’-.

Worked Example: slide right 5, up 2

The rule is (x,y)โ†’(x+5,โ€‰y+2)(x, y) \to (x + 5,\, y + 2). Apply it to point A(1,3)A(1, 3):

A(1,โ€‰3)โ†’Aโ€ฒ(1+5,โ€…โ€Š3+2)=Aโ€ฒ(6,โ€‰5)A(1,\,3) \to A'(1 + 5,\; 3 + 2) = A'(6,\, 5)

Worked Example: slide left 3, down 4

The rule is (x,y)โ†’(xโˆ’3,โ€‰yโˆ’4)(x, y) \to (x - 3,\, y - 4). Apply it to B(2,6)B(2, 6):

B(2,โ€‰6)โ†’Bโ€ฒ(2โˆ’3,โ€…โ€Š6โˆ’4)=Bโ€ฒ(โˆ’1,โ€‰2)B(2,\,6) \to B'(2 - 3,\; 6 - 4) = B'(-1,\, 2)

โš ๏ธ Watch the signs. Left and down are negative. Mixing these up is the most common translation mistake.

Translate the Point ๐Ÿงฎ

Apply the translation rule (x,y)โ†’(x+4,โ€‰yโˆ’3)(x, y) \to (x + 4,\, y - 3) (right 4, down 3) to each point. Enter the image coordinates.

1) A(2,5)โ†’Aโ€ฒ(โ€‰?,ย ?โ€‰)A(2, 5) \to A'(\,?,\ ?\,) โ€” enter the xx then the yy. 2) B(โˆ’1,0)โ†’Bโ€ฒ(โ€‰?,ย ?โ€‰)B(-1, 0) \to B'(\,?,\ ?\,) โ€” enter the xx then the yy.

Name That Slide ๐Ÿ”ฝ

A figure moves so that point P(4,1)P(4, 1) lands on Pโ€ฒ(1,5)P'(1, 5). 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โ€ฆRuleWhat changes
the xx-axis(x,โ€‰y)โ†’(x,โ€‰โˆ’y)(x,\, y) \to (x,\, -y)the yy flips sign
the yy-axis(x,โ€‰y)โ†’(โˆ’x,โ€‰y)(x,\, y) \to (-x,\, y)the xx flips sign

Why it works

Think of the xx-axis as a horizontal mirror. A point 33 units above it reflects to a point 33 units below it โ€” same xx, opposite yy.

Worked Example: reflect A(4,2)A(4, 2) over the xx-axis

Keep xx, flip the sign of yy:

A(4,โ€‰2)โ†’Aโ€ฒ(4,โ€‰โˆ’2)A(4,\, 2) \to A'(4,\, -2)

Worked Example: reflect B(โˆ’3,5)B(-3, 5) over the yy-axis

Flip the sign of xx, keep yy:

B(โˆ’3,โ€‰5)โ†’Bโ€ฒ(3,โ€‰5)B(-3,\, 5) \to B'(3,\, 5)

๐Ÿ’ก Memory trick: "Reflect over the xx-axis โ†’ change the yy." You change the coordinate of the axis you are not flipping over.

Concept Check ๐ŸŽฏ

Two Special Lines: y=xy = x and the Origin

A couple of reflections come up often enough to memorize:

Reflect overโ€ฆRuleWhat happens
the line y=xy = x(x,โ€‰y)โ†’(y,โ€‰x)(x,\, y) \to (y,\, x)swap xx and yy
the origin(x,โ€‰y)โ†’(โˆ’x,โ€‰โˆ’y)(x,\, y) \to (-x,\, -y)flip both signs

๐Ÿ“ Reflecting over the origin gives the same result as rotating 180โˆ˜180^\circ about the origin โ€” you'll see that again in Part 3.

Worked Example: reflect A(2,7)A(2, 7) over the line y=xy = x

Swap the coordinates:

A(2,โ€‰7)โ†’Aโ€ฒ(7,โ€‰2)A(2,\, 7) \to A'(7,\, 2)

Worked Example: reflect B(โˆ’4,6)B(-4, 6) over the origin

Flip both signs:

B(โˆ’4,โ€‰6)โ†’Bโ€ฒ(4,โ€‰โˆ’6)B(-4,\, 6) \to B'(4,\, -6)

Reflect the Point ๐Ÿงฎ

Find each image. Enter the xx-coordinate, then the yy-coordinate.

1) Reflect A(6,โˆ’2)A(6, -2) over the yy-axis โ†’Aโ€ฒ(โ€‰?,ย ?โ€‰)\to A'(\,?,\ ?\,) 2) Reflect B(3,8)B(3, 8) over the line y=xy = x โ†’Bโ€ฒ(โ€‰?,ย ?โ€‰)\to B'(\,?,\ ?\,)

Match the Reflection ๐Ÿ”ฝ

Choose the correct image for each reflection of the point (โˆ’5,4)(-5, 4).

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
90โˆ˜90^\circ(x,โ€‰y)โ†’(โˆ’y,โ€‰x)(x,\, y) \to (-y,\, x)
180โˆ˜180^\circ(x,โ€‰y)โ†’(โˆ’x,โ€‰โˆ’y)(x,\, y) \to (-x,\, -y)
270โˆ˜270^\circ(x,โ€‰y)โ†’(y,โ€‰โˆ’x)(x,\, y) \to (y,\, -x)

Worked Example: rotate A(3,5)A(3, 5) by 90โˆ˜90^\circ CCW

Use (x,y)โ†’(โˆ’y,x)(x, y) \to (-y, x):

A(3,โ€‰5)โ†’Aโ€ฒ(โˆ’5,โ€‰3)A(3,\, 5) \to A'(-5,\, 3)

Worked Example: rotate B(โˆ’2,6)B(-2, 6) by 180โˆ˜180^\circ

Use (x,y)โ†’(โˆ’x,โˆ’y)(x, y) \to (-x, -y) โ€” flip both signs:

B(โˆ’2,โ€‰6)โ†’Bโ€ฒ(2,โ€‰โˆ’6)B(-2,\, 6) \to B'(2,\, -6)

๐Ÿ’ก Direction shortcut: A 270โˆ˜270^\circ turn counterclockwise lands in the same place as a 90โˆ˜90^\circ turn clockwise. Both use (x,y)โ†’(y,โˆ’x)(x, y) \to (y, -x).

โš ๏ธ A 180โˆ˜180^\circ 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 P(2,7)P(2, 7) counterclockwise about the origin.

Rotate the Point ๐Ÿงฎ

All rotations are counterclockwise about the origin. Enter the xx-coordinate, then the yy-coordinate.

1) Rotate A(โˆ’3,4)A(-3, 4) by 180โˆ˜โ†’Aโ€ฒ(โ€‰?,ย ?โ€‰)180^\circ \to A'(\,?,\ ?\,) 2) Rotate B(6,1)B(6, 1) by 90โˆ˜โ†’Bโ€ฒ(โ€‰?,ย ?โ€‰)90^\circ \to B'(\,?,\ ?\,)

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 kk.

When the center is the origin, the rule is:

(x,โ€‰y)โ†’(kx,โ€‰ky)(x,\, y) \to (kx,\, ky)

The scale factor tells you what happens:

Scale factor kkEffect
k>1k > 1enlargement (figure gets bigger)
0<k<10 < k < 1reduction (figure gets smaller)
k=1k = 1no change

Worked Example: dilate A(2,3)A(2, 3) by scale factor k=4k = 4

Multiply both coordinates by 44:

A(2,โ€‰3)โ†’Aโ€ฒ(8,โ€‰12)A(2,\, 3) \to A'(8,\, 12)

Worked Example: dilate B(10,โˆ’6)B(10, -6) by scale factor k=12k = \dfrac{1}{2}

Multiply both coordinates by 12\dfrac{1}{2}:

B(10,โ€‰โˆ’6)โ†’Bโ€ฒ(5,โ€‰โˆ’3)B(10,\, -6) \to B'(5,\, -3)

โš ๏ธ 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 xx-coordinate, then the yy-coordinate.

1) Dilate A(3,โˆ’5)A(3, -5) by scale factor k=3โ†’Aโ€ฒ(โ€‰?,ย ?โ€‰)k = 3 \to A'(\,?,\ ?\,) 2) Dilate B(8,12)B(8, 12) by scale factor k=14โ†’Bโ€ฒ(โ€‰?,ย ?โ€‰)k = \dfrac{1}{4} \to B'(\,?,\ ?\,)

Congruent vs. Similar

This is the key idea Grade 8 transformations build toward:

ResultMeansProduced by
Congruent โ‰…\congsame shape and same sizea sequence of translations, reflections, rotations
Similar โˆผ\simsame shape, possibly different sizea 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 xx-axis. Since both moves are rigid motions, the image is congruent to the original. But if that triangle were also dilated by k=2k = 2, 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 A(2,3)A(2, 3). Step 1 โ€” reflect over the xx-axis (x,y)โ†’(x,โˆ’y)(x, y) \to (x, -y):

A(2,โ€‰3)โ†’Aโ€ฒ(2,โ€‰โˆ’3)A(2,\, 3) \to A'(2,\, -3)

Step 2 โ€” translate right 4, up 1 (x,y)โ†’(x+4,โ€‰y+1)(x, y) \to (x + 4,\, y + 1), applied to Aโ€ฒA':

Aโ€ฒ(2,โ€‰โˆ’3)โ†’Aโ€ฒโ€ฒ(6,โ€‰โˆ’2)A'(2,\, -3) \to A''(6,\, -2)

So the full sequence sends A(2,3)โ†’Aโ€ฒโ€ฒ(6,โˆ’2)A(2, 3) \to A''(6, -2). The double-prime Aโ€ฒโ€ฒA'' 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 P(1,4)P(1, 4). Apply the two steps in order.

Step 1: Rotate 90โˆ˜90^\circ CCW about the origin, (x,y)โ†’(โˆ’y,x)(x, y) \to (-y, x). Step 2: Translate down 2, (x,y)โ†’(x,โ€‰yโˆ’2)(x, y) \to (x,\, y - 2).

Enter the final image Pโ€ฒโ€ฒP'' โ€” the xx-coordinate, then the yy-coordinate.

Quick Reference

TransformationRule (about origin)Size kept?
Translate (a,b)(a, b)(x+a,โ€‰y+b)(x + a,\, y + b)yes
Reflect over xx-axis(x,โ€‰โˆ’y)(x,\, -y)yes
Reflect over yy-axis(โˆ’x,โ€‰y)(-x,\, y)yes
Reflect over y=xy = x(y,โ€‰x)(y,\, x)yes
Rotate 90โˆ˜90^\circ CCW(โˆ’y,โ€‰x)(-y,\, x)yes
Rotate 180โˆ˜180^\circ(โˆ’x,โ€‰โˆ’y)(-x,\, -y)yes
Rotate 270โˆ˜270^\circ CCW(y,โ€‰โˆ’x)(y,\, -x)yes
Dilate by kk(kx,โ€‰ky)(kx,\, ky)no

๐Ÿ”‘ The first seven are rigid motions โ†’ image is congruent. A dilation (with kโ‰ 1k \ne 1) โ†’ image is similar.

Mixed Practice ๐ŸŽฏ

Exit Quiz โœ…

Answer all three to finish the lesson.