Introduction to Transformations

Learn about the four types of geometric transformations and how shapes can move, flip, turn, or resize on a coordinate plane.

Intermediate25 minLesson
Printable worksheet

Definition

A transformation is a change in the position, size, or orientation of a geometric figure. The original figure is called the pre-image, and the resulting figure is called the image.
There are four main types of transformations:
  1. 1.Translation (slide): Moving every point the same distance in the same direction
  2. 2.Reflection (flip): Flipping a figure over a line to create a mirror image
  3. 3.Rotation (turn): Turning a figure around a fixed point called the center of rotation
  4. 4.Dilation (resize): Enlarging or shrinking a figure by a scale factor
Pre-image→transformationImage\text{Pre-image} \xrightarrow{\text{transformation}} \text{Image}

Try it now

Which transformation slides every point the same distance in the same direction?

Worked Examples

Triangle ABCABC has vertices A(1,2)A(1, 2), B(4,2)B(4, 2), and C(2,5)C(2, 5). After a transformation, the new triangle A′B′C′A'B'C' has vertices A′(4,5)A'(4, 5), B′(7,5)B'(7, 5), and C′(5,8)C'(5, 8). What type of transformation is this?
1

Compare the coordinates

A(1,2)→A′(4,5)A(1, 2) \to A'(4, 5): moved right 3 and up 3 B(4,2)→B′(7,5)B(4, 2) \to B'(7, 5): moved right 3 and up 3 C(2,5)→C′(5,8)C(2, 5) \to C'(5, 8): moved right 3 and up 3 → Each point moved the same amount
2

Check for consistent movement

All points shifted by (+3,+3)(+3, +3) → Same direction and distance
3

Identify the transformation

When every point moves the same distance in the same direction, it's a slide → Translation

Common Mistakes

Confusing reflection over the xx-axis with reflection over the yy-axis

Why it's wrong: Students mix up which coordinate changes sign. Over the xx-axis, yy changes sign. Over the yy-axis, xx changes sign.

Correct: Remember: Reflection over xx-axis: (x,y)→(x,−y)(x, y) \to (x, -y). Reflection over yy-axis: (x,y)→(−x,y)(x, y) \to (-x, y). The axis that doesn't move keeps its coordinate the same.

Rotating clockwise instead of counterclockwise (or vice versa)

Why it's wrong: Positive angles typically mean counterclockwise rotation, but students often rotate the wrong direction.

Correct: Think of a clock: counterclockwise goes against the clock hands. For 90°90° counterclockwise: (x,y)→(−y,x)(x, y) \to (-y, x). For 90°90° clockwise: (x,y)→(y,−x)(x, y) \to (y, -x).

Adding the scale factor instead of multiplying in dilations

Why it's wrong: Dilation requires multiplication, not addition. A scale factor of 2 means multiply by 2, not add 2.

Correct: For dilation with scale factor kk: (x,y)→(kx,ky)(x, y) \to (kx, ky). If k=2k = 2, then (3,4)→(6,8)(3, 4) \to (6, 8), not (5,6)(5, 6).

Thinking all transformations change the size of the figure

Why it's wrong: Only dilation changes size. Translations, reflections, and rotations preserve size and shape (they are rigid transformations).

Correct: Translations, reflections, and rotations create congruent images. Dilations create similar images (same shape, different size).

Interactive Visual

Transformation Grid

T(3, 2)
-10-10-8-8-6-6-4-4-2-2224466881010xy(1, 2)(4, 2)(2, 5)(4, 4)(7, 4)(5, 7)
OriginalTransformed

Interactive Sandbox

Expression Calculator

Try these:

History

No calculations yet

Practice Problems

18 problems
Problem 1 of 18
Easy
Which transformation slides every point the same distance in the same direction?

Why It Matters

Transformations are essential in mathematics and everyday life:
  • Art and Design: Artists use reflections for symmetry, rotations for patterns, and dilations for scaling artwork
  • Video Games: Character movements, camera angles, and animations all rely on transformations
  • Architecture: Building designs use symmetry (reflections) and scaling (dilations) in blueprints
  • Navigation: GPS systems use translations to track how you move from one location to another
  • Photography: Cropping and resizing images involves dilations; rotating photos uses rotations
Understanding transformations helps you see patterns in the world and solve problems involving movement and change!

Real World Applications

Video Game Character Movement

Every time a video game character walks, jumps, or moves, the game uses translations to update the character's position on the screen.

Example:

If a character at position (5,2)(5, 2) moves 3 units right and 2 units up, their new position is (5+3,2+2)=(8,4)(5 + 3, 2 + 2) = (8, 4).

Mirror Reflections

When you look in a mirror, you see a reflection of yourself. Your left hand appears on the right side of your reflection, just like reflecting over a line.

Example:

If you stand 2 meters from a mirror, your reflection appears to be 2 meters on the other side - the same distance from the mirror line.

Ferris Wheel Rotations

As a Ferris wheel turns, each seat rotates around the center of the wheel. This is a real-world example of rotation about a fixed point.

Example:

If your seat starts at the bottom and the wheel rotates 90°90°, you'll be on the side of the wheel.

Photo Editing and Zooming

When you zoom in on a photo or resize an image, you're applying a dilation. The image gets larger or smaller while maintaining its proportions.

Example:

Zooming a photo to 200% is like applying a dilation with scale factor k=2k = 2. A 100-pixel image becomes 200 pixels.

Key Takeaways

  • 1A transformation changes a figure's position, size, or orientation
  • 2The original figure is called the pre-image; the result is called the image
  • 3Translation (slide): Moves every point the same distance and direction
  • 4Reflection (flip): Flips a figure over a line, creating a mirror image
  • 5Rotation (turn): Turns a figure around a center point by a certain angle
  • 6Dilation (resize): Enlarges or shrinks a figure by a scale factor
  • 7Translations, reflections, and rotations preserve size (rigid transformations)
  • 8Dilations change size but preserve shape (similar figures)

Frequently Asked Questions

Congruent figures have the same shape AND size - they're identical copies. Similar figures have the same shape but may be different sizes. Translations, reflections, and rotations create congruent figures. Dilations create similar figures.
Congruent figures have the same shape AND size - they're identical copies. Similar figures have the same shape but may be different sizes. Translations, reflections, and rotations create congruent figures. Dilations create similar figures.
Yes! Applying transformations in different orders often gives different results. For example, translating then reflecting may give a different image than reflecting then translating.
A rigid transformation (also called isometry) preserves distance and angle measures. Translations, reflections, and rotations are rigid transformations. Dilations are NOT rigid because they change size.

Glossary

Transformation
A change in position, size, or orientation of a geometric figure
Pre-image
The original figure before a transformation is applied
Image
The resulting figure after a transformation is applied
Translation
A transformation that slides every point the same distance in the same direction
Reflection
A transformation that flips a figure over a line, creating a mirror image
Rotation
A transformation that turns a figure around a fixed point by a certain angle
Dilation
A transformation that enlarges or shrinks a figure by a scale factor
Rigid transformation
A transformation that preserves size and shape (translation, reflection, rotation)
Scale factor
The ratio by which a figure is enlarged or reduced in a dilation
Today's challengeOne problem, three tries

More in This Topic

Reflections

Intermediate25 min