Skip to content
🎯⭐ INTERACTIVE LESSON

Transformations

Learn step-by-step with interactive practice!

Transformations - Complete Interactive Lesson

Part 1: Translations

📐 Translations (Shifts)

Part 1 of 7

Vertical Shifts

y=f(x)+ky = f(x) + k

k>0k > 0Shift up kk units
k<0k < 0Shift down $

Horizontal Shifts

y=f(x−h)y = f(x - h)

h>0h > 0Shift right hh units
h<0h < 0Shift left $

⚠️ Horizontal shifts work opposite to what you might expect! f(x−3)f(x-3) shifts right 3, not left.

Combined Example

y=(x−2)2+5y = (x-2)^2 + 5: Take y=x2y=x^2, shift right 22, up 55. Vertex: (2,5)(2, 5).

📝 Worked Examples

Example 1: y=x+4−3y = \sqrt{x+4} - 3

Start with y=xy = \sqrt{x}.

  1. Replace xx with x+4x+4: shift left 44
  2. Subtract 33: shift down 33

Starting point moves from (0,0)(0,0) to (−4,−3)(-4, -3).

Example 2: y=∣x−1∣+2y = |x-1| + 2

Start with y=∣x∣y = |x|.

  1. Replace xx with x−1x-1: shift right 11
  2. Add 22: shift up 22

Vertex moves from (0,0)(0,0) to (1,2)(1, 2).

Why Horizontal Shifts Are "Backwards"

f(x−3)=0f(x-3) = 0 when x−3=0x-3 = 0, i.e., x=3x = 3. The zero moved right by 33.

The xx-value must be 33 more to produce the same result → the graph shifts right.

🧠 The General Translation

y−k=f(x−h)⇔y=f(x−h)+ky - k = f(x - h) \quad \Leftrightarrow \quad y = f(x-h)+k

Every point (a,b)(a, b) on y=f(x)y=f(x) moves to (a+h,b+k)(a+h, b+k).

Translating Key Points

For y=(x−3)3+1y = (x-3)^3 + 1 (parent: y=x3y = x^3):

Parent pointTranslated point
(−1,−1)(-1, -1)(2,0)(2, 0)
(0,0)(0, 0)(3,1)(3, 1)
(1,1)(1, 1)(4,2)(4, 2)

Effect on Domain and Range

If ff has domain [a,b][a, b] and range [c,d][c, d]:

y=f(x−h)+ky = f(x-h)+k has domain [a+h,b+h][a+h, b+h] and range [c+k,d+k][c+k, d+k].

Translations Quiz 🎯

Translation Practice 🧮

1) The graph of y=x2y=x^2 is shifted left 3 and up 2. New equation vertex hh = ?

2) Same: vertex kk = ?

3) y=(x+1)3−4y = (x+1)^3 - 4 has inflection point at xx = ?

Translation Concepts 🔽

Exit Quiz ✅

Part 2: Reflections

🔄 Reflections

Part 2 of 7

Reflection Over the xx-axis

y=−f(x)y = -f(x)

Negate the output: flip the graph upside down.

Reflection Over the yy-axis

y=f(−x)y = f(-x)

Negate the input: flip the graph left-right.

Quick Reference

TransformationEffectExample
−f(x)-f(x)Reflect over xx-axis−x2-x^2: opens down
f(−x)f(-x)Reflect over yy-axis(−x)3=−x3(-x)^3 = -x^3
−f(−x)-f(-x)Reflect over both (= rotate 180°180°)Origin symmetry

📝 Examples

Example 1: y=−xy = -\sqrt{x}

Start with y=xy = \sqrt{x} (half-parabola in Q1).

−f(x)-f(x): reflect over xx-axis → now in Q4.

Points: (0,0)→(0,0)(0,0) \to (0,0), (4,2)→(4,−2)(4,2) \to (4,-2), (9,3)→(9,−3)(9,3) \to (9,-3).

Example 2: y=−xy = \sqrt{-x}

f(−x)f(-x): reflect over yy-axis → now in Q2.

Points: (0,0)→(0,0)(0,0)\to(0,0), (4,2)→(−4,2)(4,2)\to(-4,2).

Even and Odd Functions

  • Even: f(−x)=f(x)f(-x) = f(x) → symmetric about yy-axis (e.g., x2,cos⁡xx^2, \cos x)
  • Odd: f(−x)=−f(x)f(-x) = -f(x) → symmetric about origin (e.g., x3,sin⁡xx^3, \sin x)

💡 Reflecting an even function over the yy-axis gives the same graph!

🔀 Combining Reflections with Shifts

Order matters! Apply transformations in the correct sequence.

Example: y=−∣x−2∣+3y = -|x-2|+3

  1. Start with y=∣x∣y = |x|
  2. Shift right 2: y=∣x−2∣y = |x-2|
  3. Reflect over xx-axis: y=−∣x−2∣y = -|x-2|
  4. Shift up 3: y=−∣x−2∣+3y = -|x-2|+3

Vertex: (2,3)(2, 3), opening downward.

Example: y=(−x)3+1=−x3+1y = (-x)^3 + 1 = -x^3+1

  1. Start with y=x3y = x^3
  2. Reflect over yy-axis: y=(−x)3=−x3y = (-x)^3 = -x^3
  3. Shift up 1: y=−x3+1y = -x^3+1

💡 For odd functions, reflecting over the yy-axis is the same as reflecting over the xx-axis!

Reflections Quiz 🎯

Reflections Practice 🧮

The point (4,7)(4, 7) is on y=f(x)y = f(x).

1) On y=−f(x)y = -f(x), this becomes (4,(4, ?))

2) On y=f(−x)y = f(-x), this becomes ((?,7), 7)

3) Is f(x)=x4+x2f(x) = x^4 + x^2 even, odd, or neither? (Type "even", "odd", or "neither")

Reflection Concepts 🔽

Exit Quiz ✅

Part 3: Stretches & Compressions

📏 Stretches & Compressions

Part 3 of 7

Vertical Stretch/Compression

y=a⋅f(x)y = a \cdot f(x)

| ∣a∣>1|a| > 1 | Vertical stretch by factor ∣a∣|a| | |:----------|:------------------------------------| | 0<∣a∣<10 < |a| < 1 | Vertical compression by factor ∣a∣|a| | | a<0a < 0 | Also reflects over xx-axis |

Horizontal Stretch/Compression

y=f(bx)y = f(bx)

| ∣b∣>1|b| > 1 | Horizontal compression by factor 1∣b∣\frac{1}{|b|} | |:----------|:-----------------------------------------------------| | 0<∣b∣<10 < |b| < 1 | Horizontal stretch by factor 1∣b∣\frac{1}{|b|} |

⚠️ Horizontal scaling is reciprocal: f(2x)f(2x) compresses by half, not stretches by 2!

📝 Examples

Example 1: y=3sin⁡xy = 3\sin x

Vertical stretch by 3. Amplitude changes from 1 to 3.

Points: (π/2,1)→(π/2,3)(\pi/2, 1) \to (\pi/2, 3).

Example 2: y=sin⁡(2x)y = \sin(2x)

Horizontal compression by 1/21/2. Period changes from 2π2\pi to π\pi.

Points: (π/2,1)→(π/4,1)(\pi/2, 1) \to (\pi/4, 1).

Example 3: y=12x2y = \frac{1}{2}x^2

Vertical compression by 1/21/2. The parabola is "wider."

Points: (2,4)→(2,2)(2, 4) \to (2, 2), (4,16)→(4,8)(4, 16) \to (4, 8).

Key Insight

Vertical changes multiply yy-values.

Horizontal changes divide xx-values by bb (or multiply by 1/b1/b).

🔄 Effect on Period & Amplitude

For trig functions y=Asin⁡(Bx)y = A\sin(Bx):

  • Amplitude =∣A∣= |A| (vertical stretch)
  • Period =2π∣B∣= \frac{2\pi}{|B|} (horizontal compression)

Example: y=4cos⁡(3x)y = 4\cos(3x)

Amplitude: 44, Period: 2π3\frac{2\pi}{3}

For General Functions

Original FeatureAfter y=af(bx)y = af(bx)
Point (x,y)(x, y)(x/b,ay)(x/b, ay)
Width/period TT$T/
Height hh$
xx-interceptsDivide by bb
yy-interceptMultiply by aa

Stretches Quiz 🎯

Stretch Calculations 🧮

1) y=2f(x)y = 2f(x): the point (3,5)(3, 5) becomes (3,(3, ?))

2) y=f(4x)y = f(4x): the point (8,5)(8, 5) becomes ((?,5), 5)

3) The period of y=sin⁡(4x)y = \sin(4x): 2π?\frac{2\pi}{?}. Enter the number.

Stretch Concepts 🔽

Exit Quiz ✅

Part 4: Combined Transformations

🔗 Combining Multiple Transformations

Part 4 of 7

The General Form

y=a⋅f(b(x−h))+ky = a \cdot f(b(x - h)) + k

Order of Operations

Apply in this order:

  1. Horizontal shift (inside): x−hx - h
  2. Horizontal stretch/reflect (inside): multiply by bb
  3. Vertical stretch/reflect (outside): multiply by aa
  4. Vertical shift (outside): add kk

💡 Inside transformations affect xx (horizontal, reversed). Outside transformations affect yy (vertical, as expected).

Example: y=−2(x+3)2+5y = -2(x+3)^2 + 5

  1. Shift left 3 (h=−3h = -3)
  2. Vertical stretch by 2, reflect over xx-axis (a=−2a = -2)
  3. Shift up 5 (k=5k = 5)

Vertex: (−3,5)(-3, 5), opens downward, narrower than x2x^2.

📝 Transforming Key Points

Example: Transform y=x3y = x^3 into y=−12(x−1)3+4y = -\frac{1}{2}(x-1)^3+4

a=−1/2a = -1/2, h=1h = 1, k=4k = 4.

Parent (x,y)(x, y)After shift: (x+1,y)(x+1, y)After scale: (x+1,−y/2+4)(x+1, -y/2+4)
(−2,−8)(-2, -8)(−1,−8)(-1, -8)(−1,8)(-1, 8)
(−1,−1)(-1, -1)(0,−1)(0, -1)(0,4.5)(0, 4.5)
(0,0)(0, 0)(1,0)(1, 0)(1,4)(1, 4)
(1,1)(1, 1)(2,1)(2, 1)(2,3.5)(2, 3.5)
(2,8)(2, 8)(3,8)(3, 8)(3,0)(3, 0)

General Point Transformation

(x,y)→(xb+h,  ay+k)(x, y) \to \left(\frac{x}{b}+h, \; ay+k\right)

✏️ Writing Equations from Transformations

Word → Equation

"The graph of y=xy=\sqrt{x} is reflected over the xx-axis, stretched vertically by 3, shifted right 2, and shifted down 1."

y=−3x−2−1y = -3\sqrt{x-2}-1

Graph → Equation

  1. Identify the parent function
  2. Find the new vertex/key point → determines h,kh, k
  3. Check orientation (reflected?) → determines sign of aa
  4. Use another point to find ∣a∣|a|

Example: Parabola, vertex (2,−1)(2, -1), opens down, passes through (3,−3)(3, -3).

y=a(x−2)2−1y = a(x-2)^2-1. −3=a(1)2−1  ⟹  a=−2-3 = a(1)^2-1 \implies a = -2.

y=−2(x−2)2−1y = -2(x-2)^2-1

Combined Transformations Quiz 🎯

Combined Transform Practice 🧮

For y=−2(x−3)2+7y = -2(x-3)^2+7:

1) Vertex hh = ?

2) Vertex kk = ?

3) The point (4,y)(4, y) on this graph: yy = ?

Order of Transformations 🔽

Exit Quiz ✅

Part 5: Piecewise Functions

📚 Parent Functions Gallery

Part 5 of 7

The Essential Toolkit

Every function you transform begins as one of these parent functions.

FunctionEquationKey Features
Lineary=xy = xSlope 1, through origin
Quadraticy=x2y = x^2U-shape, vertex (0,0)(0,0)
Cubicy=x3y = x^3S-shape, inflection at origin
Square Rooty=xy = \sqrt{x}Half-parabola, x≥0x \geq 0
Cube Rooty=x3y = \sqrt[3]{x}S-shape, all reals
Absolute Value$y =x
Reciprocaly=1/xy = 1/xHyperbola, asymptotes at axes
Exponentialy=2xy = 2^xGrowth, asymptote y=0y=0
Logarithmicy=log⁡xy = \log xSlow growth, x>0x > 0
Siney=sin⁡xy = \sin xPeriod 2π2\pi, range [−1,1][-1,1]
Cosiney=cos⁡xy = \cos xPeriod 2π2\pi, range [−1,1][-1,1]
Tangenty=tan⁡xy = \tan xPeriod π\pi, vertical asymptotes

🔢 Power & Root Functions

Even Powers: y=x2,x4,x6,...y = x^2, x^4, x^6, ...

  • Symmetric about yy-axis (even functions)
  • Shape: U gets flatter near origin, steeper away
  • Higher power → more "rectangular"

Odd Powers: y=x3,x5,x7,...y = x^3, x^5, x^7, ...

  • Symmetric about origin (odd functions)
  • Shape: S-curve through origin
  • Higher power → flatter near 0, steeper far away

Root Functions

y=x1/ny = x^{1/n}

  • Even roots (x,x4\sqrt{x}, \sqrt[4]{x}): domain x≥0x \geq 0
  • Odd roots (x3,x5\sqrt[3]{x}, \sqrt[5]{x}): domain all reals
  • Inverse of corresponding power function

Key Relationship

y=xny = x^n and y=x1/ny = x^{1/n} (same parity) are inverse functions — they reflect across y=xy = x.

⭐ Special Functions

Greatest Integer (Floor) Function

y=⌊x⌋y = \lfloor x \rfloor

  • Step function: jumps at every integer
  • ⌊2.7⌋=2\lfloor 2.7 \rfloor = 2, ⌊−1.3⌋=−2\lfloor -1.3 \rfloor = -2
  • Used in pricing (round down), computer science

Piecewise-Defined Functions

f(x)={x2x<02x+1x≥0f(x) = \begin{cases} x^2 & x < 0 \\ 2x+1 & x \geq 0 \end{cases}

  • Different rules for different intervals
  • Check continuity at boundary points

Logistic Function

y=L1+e−k(x−x0)y = \frac{L}{1 + e^{-k(x-x_0)}}

  • S-shaped (sigmoid)
  • Models population growth, learning curves
  • Horizontal asymptotes at y=0y=0 and y=Ly=L

Recognizing parent functions is the FIRST step in any transformation problem!

Parent Function Recognition 🎯

Parent Function Properties 🧮

1) y=x3y = x^3: f(−2)f(-2) = ?

2) y=∣x∣y = |x|: f(−5)f(-5) = ?

3) y=2xy = 2^x: f(3)f(3) = ?

Match Parent Functions 🔽

Exit Quiz ✅

Part 6: Problem-Solving Workshop

📐 Writing Equations from Graphs

Part 6 of 7

The Reverse Problem

Instead of transforming a parent → graph, we now go from graph → equation.

Step-by-Step Strategy

  1. Identify the parent — What shape is it? (parabola, V, S-curve, etc.)
  2. Locate the key point — Vertex, center, inflection point → gives (h,k)(h, k)
  3. Check orientation — Is it flipped? → sign of aa
  4. Find the scale — Plug in a visible point to solve for ∣a∣|a|
  5. Verify — Test another point if possible

Example: Parabola

Graph shows: vertex at (1,−3)(1, -3), opens up, passes through (3,5)(3, 5).

  • Parent: y=x2y = x^2
  • Template: y=a(x−1)2−3y = a(x-1)^2-3
  • Solve: 5=a(3−1)2−3  ⟹  8=4a  ⟹  a=25 = a(3-1)^2-3 \implies 8 = 4a \implies a = 2
  • Answer: y=2(x−1)2−3y = 2(x-1)^2-3

✏️ Absolute Value & Square Root

Absolute Value: y=a∣x−h∣+ky = a|x-h|+k

  • Vertex at (h,k)(h, k)
  • Opens up: a>0a > 0; opens down: a<0a < 0
  • Slope of right branch = aa; left branch = −a-a

Example: V-shape, vertex (2,1)(2, 1), passes through (5,−5)(5, -5).

−5=a∣5−2∣+1  ⟹  −6=3a  ⟹  a=−2-5 = a|5-2|+1 \implies -6 = 3a \implies a = -2

y=−2∣x−2∣+1y = -2|x-2|+1

Square Root: y=ax−h+ky = a\sqrt{x-h}+k

  • Starting point at (h,k)(h, k) (where the curve begins)
  • a>0a > 0: curve goes up; a<0a < 0: curve goes down

Example: Starts at (−1,3)(-1, 3), passes through (3,7)(3, 7).

7=a3−(−1)+3  ⟹  4=2a  ⟹  a=27 = a\sqrt{3-(-1)}+3 \implies 4 = 2a \implies a = 2

y=2x+1+3y = 2\sqrt{x+1}+3

🌊 Writing Trig Equations from Graphs

y=Asin⁡(B(x−C))+Dy = A\sin(B(x-C))+D or y=Acos⁡(B(x−C))+Dy = A\cos(B(x-C))+D

ParameterFrom Graph
AA (amplitude)max−min2\frac{\text{max} - \text{min}}{2}
DD (midline)max+min2\frac{\text{max} + \text{min}}{2}
Period =2πB= \frac{2\pi}{B}Distance for one full cycle
CC (phase shift)Horizontal offset from standard start

Example

Graph: max = 5, min = 1, period = π\pi, starts at max when x=π/4x = \pi/4.

  • A=5−12=2A = \frac{5-1}{2} = 2
  • D=5+12=3D = \frac{5+1}{2} = 3
  • B=2ππ=2B = \frac{2\pi}{\pi} = 2
  • Starts at max → use cosine. Phase shift: C=π/4C = \pi/4

y=2cos⁡ ⁣(2 ⁣(x−π4))+3y = 2\cos\!\left(2\!\left(x-\frac{\pi}{4}\right)\right)+3

Writing Equations Quiz 🎯

Find the Parameter 🧮

1) y=a(x−1)2−2y = a(x-1)^2-2, passes through (3,6)(3, 6). aa = ?

2) y=ax+4+1y = a\sqrt{x+4}+1, passes through (0,5)(0, 5). aa = ?

3) Trig: max = 7, min = 1. Amplitude AA = ?

Match Graphs to Equations 🔽

Exit Quiz ✅

Part 7: Review & Applications

🏆 Transformations — Full Synthesis

Part 7 of 7

Master Checklist

TransformationFormulaEffect
Vertical shiftf(x)+kf(x)+kUp (k>0k>0) or down (k<0k<0)
Horizontal shiftf(x−h)f(x-h)Right (h>0h>0) or left (h<0h<0)
Vertical stretchaf(x)af(x), $a
Vertical compressaf(x)af(x), $a
Horizontal stretchf(bx)f(bx), $b
Horizontal compressf(bx)f(bx), $b
Reflect xx-axis−f(x)-f(x)Flip vertically
Reflect yy-axisf(−x)f(-x)Flip horizontally

The Master Formula

y=a⋅f(b(x−h))+ky = a \cdot f(b(x-h))+k

Transform point (x,y)→(xb+h,  ay+k)(x,y) \to \left(\frac{x}{b}+h,\; ay+k\right)

Even & Odd Functions

  • Even: f(−x)=f(x)f(-x) = f(x) — symmetric about yy-axis
  • Odd: f(−x)=−f(x)f(-x) = -f(x) — symmetric about origin

🧠 Problem-Solving Strategies

Strategy 1: Transform Key Points

Given y=−2f(x+1)−3y = -2f(x+1)-3 and parent points {(−2,4),(0,0),(2,4)}\{(-2,4), (0,0), (2,4)\}:

Parent (x,y)(x,y)Shift: (x−1,y)(x-1, y)Scale: (x−1,−2y−3)(x-1, -2y-3)
(−2,4)(-2, 4)(−3,4)(-3, 4)(−3,−11)(-3, -11)
(0,0)(0, 0)(−1,0)(-1, 0)(−1,−3)(-1, -3)
(2,4)(2, 4)(1,4)(1, 4)(1,−11)(1, -11)

Strategy 2: Identify from Description

"Graph y=xy = \sqrt{x}, shift left 4, stretch vertically by 3, reflect, shift up 2."

y=−3x+4+2y = -3\sqrt{x+4}+2

Strategy 3: Match Domain/Range

Parent y=xy = \sqrt{x}: domain [0,∞)[0,\infty), range [0,∞)[0,\infty).

y=−3x+4+2y = -3\sqrt{x+4}+2: domain [−4,∞)[-4,\infty), range (−∞,2](-\infty, 2].

  • Domain shifts by h=−4h = -4 (left 4)
  • Range: max is k=2k = 2, goes down (reflected)

🔗 Connections to Calculus

Transformations Preserve Shape

If f′(x0)=mf'(x_0) = m (slope at x0x_0), then for g(x)=af(b(x−h))+kg(x) = af(b(x-h))+k:

g′(x)=ab⋅f′(b(x−h))g'(x) = ab \cdot f'(b(x-h))

The derivative scales by abab! This is the chain rule preview.

Domain & Range Transformations

OperationDomainRange
f(x)+kf(x)+kSameShifts by kk
f(x−h)f(x-h)Shifts by hhSame
af(x)af(x)SameScales by aa
f(bx)f(bx)Scales by 1/b1/bSame

Function Composition as Transformation

g(x)=2f(x−3)+1g(x) = 2f(x-3)+1 is really g=T∘fg = T \circ f where T(y)=2y+1T(y) = 2y+1 and the input is shifted.

Transformations unite algebra, geometry, and calculus!

Synthesis Quiz 🎯

Master Calculations 🧮

1) y=4(x−1)2−3y = 4(x-1)^2-3: the yy-intercept (x=0x=0, yy = ?)

2) y=−∣x+3∣+7y = -|x+3|+7: the xx-intercepts are x=4x = 4 and x=x = ?

3) Domain of y=2x−6y = \sqrt{2x-6}: x≥x \geq ?

Transformations Master 🔽

Exit Quiz ✅