← MATH 141 MathScape 0 MATH141

Transformation of Functions

13 min read

Jump to a section
Textbook: OpenStax Precalculus 2e  •  Chapter: 1  •  Section: 5

Quick Reference

Field Value
Textbook OpenStax Precalculus 2e
Chapter . Section . Subsection Chapter 1: Functions, Section 1.5, Subsection 1.5 Transformation of Functions
Pages Page numbers pending faculty verification.
Course MATH141

Try This First

Before any formula, take the points of one small graph and move them by hand.

Suppose a function $f$ passes through these three points:

$x$ $f(x)$
$-1$ $1$
$0$ $0$
$2$ $4$

Now build a brand new table for $g(x) = f(x) + 3$. You do not need a rule for $f$. You only need to add $3$ to each output.

Check your table
$x$ $f(x)$ $g(x) = f(x) + 3$
$-1$ $1$ $4$
$0$ $0$ $3$
$2$ $4$ $7$

Every output moved up by $3$. The $x$ values did not change. The whole graph slides up $3$ units. You just performed a transformation without any new machinery: you used the function as a process that takes an input and gives back an output, then you adjusted the output.

Hold onto one observation from that table: a change made to the output (adding $3$ after $f$ does its work) moved the graph vertically. A change made to the input (which you have not tried yet) will move the graph horizontally, and it will behave in the opposite direction from what most people expect. That opposite-direction surprise is the central idea to watch for.

An Intuitive Introduction

A function is a process that takes an input and gives back an output. A transformation is a small instruction added either before that process runs (a change to the input) or after it finishes (a change to the output). Each instruction reshapes the graph in a predictable way.

There are three families of instruction, and each comes in an outside version (acting on the output) and an inside version (acting on the input):

The single rule that organizes all of this: changes on the outside of $f$ do exactly what they look like they do to the output, and changes on the inside of $f$ do the opposite of what they look like to the input. Replacing $x$ with $x + 2$ moves the graph two units to the left, not right. The worked examples and misconceptions below return to this point because it is where most errors begin.

Prerequisite Hub

graph LR
    subgraph Builds_On["Builds on"]
        A["Transformations<br/>of Graphs"]
        B["Functions and<br/>Function Notation"]
    end

    subgraph ThisSkill["This Skill"]
        C["Transformation<br/>of Functions"]
    end

    subgraph Unlocks
        D["Absolute Value<br/>Functions"]
        E["Inverse<br/>Functions"]
    end

    A --> C
    B --> C
    C --> D
    C --> E

    style C fill:#d1fae5,stroke:#a565f0,stroke-width:3px

Builds on (master these first):

Prerequisite skill Why it is needed
transformations-of-graphs You move points and curves around the plane, so sketching and reading a graph must already feel routine.
m141-functions-and-function-notation Every transformation is stated as $f(x) + k$, $f(x + h)$, $a\,f(x)$, $f(bx)$, so function notation must be fluent.

Unlocks (these come next):

Next skill What this skill gives it
m141-absolute-value-functions The absolute value graph is the V shape produced by shifting, stretching, and reflecting $y = \lvert x \rvert$.
m141-inverse-functions The reflection across the line $y = x$ is the visual idea behind inverse functions.

There are no cross-course prerequisites for this skill.

Before You Start: Prerequisite Self-Check

Can you do these? (Click to reveal self-test)
  1. Function notation. If $f(x) = x^2$, what is $f(x - 3)$ written out?

    Check

    $f(x - 3) = (x - 3)^2$. You substitute the whole expression $x - 3$ in place of $x$.

  2. Reading a point off a graph. A graph of $f$ passes through $(2, 5)$. What does that tell you about $f$?

    Check

    It tells you $f(2) = 5$. The input $2$ produces the output $5$.

  3. Output change. If $f(4) = 7$, what is the value of $f(4) - 2$?

    Check

    $f(4) - 2 = 7 - 2 = 5$. Subtracting outside lowers the output.

If you struggled: review Transformations of Graphs and Functions and Function Notation before continuing.


Official Definitions

These statements are quoted faithfully from the source. Read them slowly. Each one names a transformation and tells you exactly what to look for.

Vertical reflection. Given a function $f(x)$, a new function $g(x) = -f(x)$ is a vertical reflection of the function $f(x)$, sometimes called a reflection about (or over, or through) the $x$-axis.

Source: OpenStax Precalculus 2e, Section 1.5 Transformation of Functions.

Vertical stretch or compression. Given a function $f(x)$, a new function $g(x) = a \cdot f(x)$, where $a$ is a constant, is a vertical stretch or compression. If $a > 1$ the graph is stretched; if $0 < a < 1$ it is compressed; if $a < 0$ it combines a stretch or compression with a vertical reflection.

Source: OpenStax Precalculus 2e, Section 1.5 Transformation of Functions.

Even and odd functions. A function is even if for every input $x$, $f(x) = f(-x)$, and its graph is symmetric about the $y$-axis. A function is odd if for every input $x$, $f(-x) = -f(x)$, and its graph is symmetric about the origin.

Source: OpenStax Precalculus 2e, Section 1.5 Transformation of Functions.

The source for Section 1.5 does not state a separate named theorem. The definitions above carry the section, together with the inside-versus-outside rule developed in the worked examples.

Two Representations Side by Side

Read the same transformation three ways at once: as an instruction, as algebra, and as an effect on a sample point.

Instruction Algebra Effect on a point $(x, y)$ on $y = f(x)$
Shift up by $k$ $g(x) = f(x) + k$ $(x, y) \to (x, y + k)$
Shift down by $k$ $g(x) = f(x) - k$ $(x, y) \to (x, y - k)$
Shift left by $h$ $g(x) = f(x + h)$ $(x, y) \to (x - h, y)$
Shift right by $h$ $g(x) = f(x - h)$ $(x, y) \to (x + h, y)$
Reflect across $x$-axis $g(x) = -f(x)$ $(x, y) \to (x, -y)$
Reflect across $y$-axis $g(x) = f(-x)$ $(x, y) \to (-x, y)$
Vertical stretch or compression by $a$ $g(x) = a\,f(x)$ $(x, y) \to (x, a y)$

The column on the right is the one to translate back to a graph. Pick any row, take the point $(2, 4)$ from the Try This First table, and apply the arrow. Then ask yourself: does the new point sit where my mental picture of that shift would put it?

Worked Examples

Each example asks you to predict first, then compute, then compare. The prediction is where the learning happens.

Example 1: A vertical shift

Let $f(x) = x^2$. Describe and graph $g(x) = f(x) - 2$.

Predict. The change is outside $f$, so it acts on the output. Subtracting $2$ should pull every height down by $2$. Predict that the parabola slides down $2$ units, with its lowest point moving from $(0, 0)$ to $(0, -2)$.

Compute. Build a table from the rule $g(x) = x^2 - 2$.

$x$ $f(x) = x^2$ $g(x) = x^2 - 2$
$-2$ $4$ $2$
$-1$ $1$ $-1$
$0$ $0$ $-2$
$1$ $1$ $-1$
$2$ $4$ $2$

Compare. Every output dropped by exactly $2$, and the vertex moved to $(0, -2)$. The prediction holds. The shape of the parabola did not change, only its vertical position.

Example 2: A horizontal shift (the surprising direction)

Let $f(x) = x^2$. Describe and graph $g(x) = f(x + 3)$.

Predict. The change is inside $f$, so it acts on the input and runs opposite to its sign. The $+3$ inside should move the graph $3$ units to the left, not right. Predict the vertex moves from $(0, 0)$ to $(-3, 0)$.

Compute. The rule is $g(x) = (x + 3)^2$. Ask which input makes the inside equal to $0$, since $0$ is where the original vertex sat. Setting $x + 3 = 0$ gives $x = -3$.

$x$ $x + 3$ $g(x) = (x + 3)^2$
$-5$ $-2$ $4$
$-4$ $-1$ $1$
$-3$ $0$ $0$
$-2$ $1$ $1$
$-1$ $2$ $4$

Compare. The vertex landed at $(-3, 0)$, exactly $3$ units left. The prediction holds. The reason is concrete: to feed $f$ the input $0$, you must now choose $x = -3$, because the function adds $3$ before squaring. The graph shifts toward the negative direction to compensate.

Example 3: A vertical reflection

Let $f(x) = \sqrt{x}$, whose graph starts at the origin and rises to the right. Describe $g(x) = -f(x)$.

Predict. A minus sign outside flips outputs to their opposites. Predict the curve flips across the $x$-axis: where $f$ was above the axis, $g$ is the same distance below.

Compute. Using $g(x) = -\sqrt{x}$:

$x$ $f(x) = \sqrt{x}$ $g(x) = -\sqrt{x}$
$0$ $0$ $0$
$1$ $1$ $-1$
$4$ $2$ $-2$
$9$ $3$ $-3$

Compare. Each point $(x, y)$ became $(x, -y)$, matching the official definition of a vertical reflection: $g(x) = -f(x)$ reflects $f$ about the $x$-axis. The prediction holds.

Example 4: A vertical stretch, then reflection

Let $f(x) = \lvert x \rvert$. Describe $g(x) = -2\,f(x)$.

Predict. Compare the constant $a = -2$ to the official definition. Since $\lvert a \rvert = 2 > 1$, the heights stretch by a factor of $2$. Since $a < 0$, the stretch is combined with a vertical reflection. Predict a V shape that opens downward and is twice as steep as $y = \lvert x \rvert$.

Compute. Using $g(x) = -2\lvert x \rvert$:

$x$ $f(x) = \lvert x \rvert$ $2 f(x)$ $g(x) = -2 \lvert x \rvert$
$-2$ $2$ $4$ $-4$
$-1$ $1$ $2$ $-2$
$0$ $0$ $0$ $0$
$1$ $1$ $2$ $-2$
$2$ $2$ $4$ $-4$

Compare. Each height doubled (the stretch by $a = 2$ in size) and then flipped sign (the reflection from $a < 0$). The vertex stayed at $(0, 0)$ because $2 \cdot 0 = 0$. The prediction holds, and it lines up exactly with the official definition: $a < 0$ combines a stretch with a vertical reflection.

Example 5: Testing even or odd from the definition

Decide whether $f(x) = x^4 - 3x^2$ is even, odd, or neither.

Predict. The graph is built only from even powers of $x$, so a guess based on the picture is that it is symmetric about the $y$-axis, that is, even. Now confirm it from the definition rather than from the picture alone.

Compute. Replace $x$ with $-x$ throughout:

\[ f(-x) = (-x)^4 - 3(-x)^2 = x^4 - 3x^2. \]

Compare $f(-x)$ to $f(x)$ and to $-f(x)$:

Compare. The definition confirms the prediction: $f$ is even, and its graph is symmetric about the $y$-axis. Notice that the conclusion came from the algebra, $f(x) = f(-x)$ for all $x$, not from trusting the shape of the picture.

Common Misconceptions

Common misconception

a graph is a literal picture, so any change should move it the obvious direction. This is the iconic-graph trap. Replacing $x$ with $x + 3$ feels like it should push the graph in the positive (right) direction because $+3$ looks like “more”. Test it on a single point. For $f(x) = x^2$, the original vertex is where the input is $0$. In $g(x) = (x + 3)^2$, the input that produces $0$ inside is $x = -3$. So the vertex moves to $-3$, to the left. The inside change runs opposite to its sign because it changes which $x$ you must supply to reach a given stage of the process. Always check the direction on one point before sketching the whole curve.

Common misconception

if the graph looks symmetric, the function must be even (or odd). This is a case of the concept image conflicting with the definition. A sketch can look symmetric to the eye while failing the algebraic test, especially near the edges or when a small term hides in the rule. The definition is the authority: a function is even only when $f(x) = f(-x)$ for every input $x$, and odd only when $f(-x) = -f(x)$ for every input $x$. Consider $f(x) = x^2 + x$. Its graph may look roughly cupped, but $f(-x) = x^2 - x$, which equals neither $f(x)$ nor $-f(x)$, so the function is neither even nor odd. Confirm symmetry by substituting $-x$, not by trusting the picture.

Common misconception

a vertical stretch moves the graph up. Multiplying by $a > 1$ scales heights away from the $x$-axis; it does not slide the graph upward as a unit. Points already on the $x$-axis stay put, because $a \cdot 0 = 0$. In Example 4, the vertex of $y = \lvert x \rvert$ stayed at the origin under $g(x) = -2\lvert x \rvert$, while points far from the axis moved twice as far. A stretch changes steepness around the axis; a shift slides the whole graph. They are different instructions.

Practice Problems

Level 1 Name the shift

The graph of $g(x) = f(x) + 5$ is obtained from the graph of $f$ by which transformation?

Thought Process

The $+5$ is outside $f$, so it acts on the output. Outside changes do exactly what they look like to the output.

Show Answer

A vertical shift up by $5$ units. Every output increases by $5$, so each point $(x, y)$ moves to $(x, y + 5)$.

Level 2 Direction of a horizontal shift

Describe how the graph of $g(x) = f(x - 4)$ relates to the graph of $f$. Be careful with direction.

Thought Process

The $-4$ is inside $f$, so it acts on the input and runs opposite to its sign. Ask which $x$ makes the inside match an original input: set $x - 4 = 0$ to find $x = 4$.

Show Answer

A horizontal shift right by $4$ units. The inside change runs opposite to the obvious reading: $f(x - 4)$ moves the graph in the positive direction. A feature that sat at input $0$ on $f$ now appears at $x = 4$ on $g$, because $x - 4 = 0$ requires $x = 4$.

Level 3 Even, odd, or neither

Use the definition to classify $f(x) = x^3 - x$ as even, odd, or neither.

Thought Process

Substitute $-x$ for $x$ and simplify. Then compare the result with $f(x)$ (even condition) and with $-f(x)$ (odd condition).

Show Answer

Substitute:

\[ f(-x) = (-x)^3 - (-x) = -x^3 + x = -(x^3 - x) = -f(x). \]

Since $f(-x) = -f(x)$ for every input $x$, the function is odd. Its graph is symmetric about the origin.

Level 4 Combine a stretch and a reflection

Starting from $f(x) = x^2$, write the rule for $g$ that reflects $f$ across the $x$-axis and stretches it vertically by a factor of $3$. Then state the output of $g$ at $x = 2$.

Thought Process

A vertical stretch by $3$ multiplies the output by $3$. A reflection across the $x$-axis multiplies the output by $-1$. Both act outside $f$, so combine them into a single constant $a$.

Show Answer

Combine the factors outside: stretch by $3$ then reflect gives $a = -3$, so

\[ g(x) = -3 f(x) = -3x^2. \]

By the official definition, $a = -3$ has $\lvert a \rvert = 3 > 1$ (a stretch) and $a < 0$ (a reflection), so $g$ stretches and reflects as required. At $x = 2$:

\[ g(2) = -3(2)^2 = -3 \cdot 4 = -12. \]

Level 5 Order of two transformations

Let $f(x) = \sqrt{x}$. Write the rule for the graph obtained by first reflecting $f$ across the $x$-axis and then shifting the result up by $1$ unit. Find the output at $x = 4$, and explain in one sentence why reversing the order would give a different graph.

Thought Process

Reflecting across the $x$-axis sends $f(x)$ to $-f(x)$. Shifting up by $1$ adds $1$ outside, after the reflection. Apply the reflection first, then the shift, building the rule from the inside out.

Show Answer

Reflect first: $-f(x) = -\sqrt{x}$. Then shift up by $1$: add $1$ outside.

\[ g(x) = -\sqrt{x} + 1. \]

At $x = 4$:

\[ g(4) = -\sqrt{4} + 1 = -2 + 1 = -1. \]

Reversing the order (shift up by $1$ first, then reflect) would give $-(\sqrt{x} + 1) = -\sqrt{x} - 1$, a different rule. The reflection negates whatever output it receives, so it negates the shift too when the shift comes first. Order matters whenever a reflection or stretch sits outside a shift.

Mastery Checklist

Novice (Level 1-2):

Competent (Level 3-4):

Proficient (Level 5):

Mental Model

Picture the function as a small machine on an assembly line. The input $x$ goes in one end, the process runs, and the output comes out the other end.

Outside is honest; inside is contrary. That one sentence predicts the direction of every shift, reflection, and scaling in this section.


Connections

Looking back:

Looking ahead:

Real-world connections:

Resources

Resource Link
OpenStax Precalculus 2e, Section 1.5 Transformation of Functions (this skill’s section) https://openstax.org/books/precalculus-2e/pages/1-5-transformation-of-functions
OpenStax Precalculus 2e, Chapter 1 Key Concepts (summary review) https://openstax.org/books/precalculus-2e/pages/1-key-concepts

The page range for Section 1.5 is pending faculty verification and will be added once confirmed against the print edition.



Last updated: 2026-06-16