We've updated our
Privacy Policy effective December 15. Please read our updated Privacy Policy and tap

Study Guides > College Algebra

Transformations of Quadratic Functions

Learning Objectives

  • Graph vertical and horizontal shifts of quadratic functions
  • Graph vertical compressions and stretches of quadratic functions
  • Write the equation of a transformed quadratic function using the vertex form
  • Identify the vertex and axis of symmetry for a given quadratic function in vertex form

The standard form of a quadratic function presents the function in the form

[latex]f\left(x\right)=a{\left(x-h\right)}^{2}+k[/latex]

where [latex]\left(h,\text{ }k\right)[/latex] is the vertex. Because the vertex appears in the standard form of the quadratic function, this form is also known as the vertex form of a quadratic function.

The standard form is useful for determining how the graph is transformed from the graph of [latex]y={x}^{2}[/latex]. The figure below is the graph of this basic function. Graph of y=x^2.  

Shift Up and Down by Changing the value of k

You can represent a vertical (up, down) shift of the graph of [latex]f(x)=x^2[/latex] by adding or subtracting a constant, k.

[latex]f(x)=x^2 + k[/latex]

 If [latex]k>0[/latex], the graph shifts upward, whereas if [latex]k<0[/latex], the graph shifts downward. Instructions:
  1. Use the slider in the interactive below to shift the graph of [latex]f(x)=x^2[/latex] down 4 units, then up 4 units.
  2. Use the textbox below the graph to write both transformed equations.
  https://www.desmos.com/calculator/fpatj6tbcn

Make Note

Write the equation for the graph of [latex]f(x)=x^2[/latex] that has been shifted up 4 units in the textbox below.[practice-area rows="2"][/practice-area] Now write the equation for the graph of [latex]f(x)=x^2[/latex] that has been shifted down 4 units in the textbox below.[practice-area rows="2"][/practice-area] Now check yourself!

Answer: The equation for the graph of [latex]f(x)=x^2[/latex] that has been shifted up 4 units is [latex-display]f(x)=x^2+4[/latex-display] The equation for the graph of [latex]f(x)=x^2[/latex] that has been shifted down 4 units is [latex-display]f(x)=x^2-4[/latex-display]

 

Shift left and right by changing the value of h.

You can represent a horizontal (left, right) shift of the graph of [latex]f(x)=x^2[/latex] by adding or subtracting a constant, h, to the variable x, before squaring.

[latex]f(x)=(x-h)^2 [/latex]

If [latex]h>0[/latex], the graph shifts toward the right and if [latex]h<0[/latex], the graph shifts to the left. Instructions:
  1. Use the interactive graph below to shift the graph of [latex]f(x)=x^2[/latex] 2 units to the right, then 2 units to the left.
  2. Use the textbox below the graph to write both transformed equations
https://www.desmos.com/calculator/5g3xfhkklq

Make Note

Write the equation for the graph of [latex]f(x)=x^2[/latex] that has been shifted right 2 units in the textbox below.[practice-area rows="2"][/practice-area] Now write the equation for the graph of [latex]f(x)=x^2[/latex] that has been shifted left 2 units in the textbox below.[practice-area rows="2"][/practice-area] Now check yourself!

Answer: The equation for the graph of [latex]f(x)=x^2[/latex] that has been shifted right 2 units is [latex-display]f(x)=(x-2)^2[/latex-display] The equation for the graph of [latex]f(x)=^2[/latex] that has been shifted left 2 units is [latex-display]f(x)=(x+2)^2[/latex-display]

Stretch or compress by changing the value of a.

You can represent a stretch or compression (narrowing, widening) of the graph of [latex]f(x)=x^2[/latex] by multiplying the squared variable by a constant, a.

[latex]f(x)=ax^2 [/latex]

The magnitude of a indicates the stretch of the graph. If [latex]|a|>1[/latex], the point associated with a particular x-value shifts farther from the x-axis, so the graph appears to become narrower, and there is a vertical stretch. But if [latex]|a|<1[/latex], the point associated with a particular x-value shifts closer to the x-axis, so the graph appears to become wider, but in fact there is a vertical compression. Instructions:
  1. Use the interactive graph below to make a graph of the function [latex]f(x)=x^2[/latex] that has been compressed vertically by a factor of [latex]\frac{1}{2}[/latex],
  2. And another that has been vertically stretched by a factor of 3.
  3. Use the textbox below the graph to write your equations.
https://www.desmos.com/calculator/ha6gh59rq7

Make Note

Write the equation for the graph of [latex]f(x)=x^2[/latex] that has been has been compressed vertically by a factor of [latex]\frac{1}{2}[/latex] in the textbox below.[practice-area rows="2"][/practice-area] Then,  write the equation for the graph of [latex]f(x)=x^2[/latex] that has been vertically stretched by a factor of 3.[practice-area rows="2"][/practice-area] Now check yourself!

Answer: The equation for the graph of [latex]f(x)=x^2[/latex] that has been compressed vertically by a factor of [latex]\frac{1}{2}[/latex] [latex-display]f(x)=\frac{1}{2}x^2[/latex-display] The equation for the graph of [latex]f(x)=x^2[/latex] that has been vertically stretched by a factor of 3.is [latex-display]f(x)=3x^2[/latex-display]

The standard form and the general form are equivalent methods of describing the same function. We can see this by expanding out the general form and setting it equal to the standard form.

[latex]\begin{cases}a{\left(x-h\right)}^{2}+k=a{x}^{2}+bx+c\hfill \\ a{x}^{2}-2ahx+\left(a{h}^{2}+k\right)=a{x}^{2}+bx+c\hfill \end{cases}[/latex]

For the linear terms to be equal, the coefficients must be equal.

[latex]-2ah=b,\text{ so }h=-\frac{b}{2a}[/latex].

This is the axis of symmetry we defined earlier. Setting the constant terms equal:

[latex]\begin{cases}a{h}^{2}+k=c\hfill \\ \text{ }k=c-a{h}^{2}\hfill \\ \text{ }=c-a-{\left(\frac{b}{2a}\right)}^{2}\hfill \\ \text{ }=c-\frac{{b}^{2}}{4a}\hfill \end{cases}[/latex]

In practice, though, it is usually easier to remember that k is the output value of the function when the input is h, so [latex]f\left(h\right)=k[/latex].

Now you try it. Use the interactive graph below to define two quadratic functions whose axis of symmetry is x = -3, and whose vertex is (-3, 2). Use the sliders for a, h, k below to help you. https://www.desmos.com/calculator/pimelalx4i Now answer the following questions about the graphs you made.

Take Note

How many potential values are there for h in this scenario? [practice-area rows="2"][/practice-area] How about k? [practice-area rows="2"][/practice-area] How about a? [practice-area rows="2"][/practice-area]

Answer: There is only one [latex](h,k)[/latex] pair that will satisfy these conditions, [latex](-3,2)[/latex].  The value of a does not affect the line of symmetry or the vertex of a quadratic graph, so a can be an infinite number of values.

 

Challenge Problem

Define a function whose axis of symmetry is x = -3, and whose vertex is (-3,2) and has an average rate of change of 3/2 on the interval [-2,0]. Here is the interactive graph again, if it helps.   https://www.desmos.com/calculator/pimelalx4i

Try It

A coordinate grid has been superimposed over the quadratic path of a basketball in the picture below. Find an equation for the path of the ball. Does the shooter make the basket?
Stop motioned picture of a boy throwing a basketball into a hoop to show the parabolic curve it makes. (credit: modification of work by Dan Meyer)

Answer: The path passes through the origin and has vertex at [latex]\left(-4,\text{ }7\right)[/latex], so [latex]\left(h\right)x=-\frac{7}{16}{\left(x+4\right)}^{2}+7[/latex]. To make the shot, [latex]h\left(-7.5\right)[/latex] would need to be about 4 but [latex]h\left(-7.5\right)\approx 1.64[/latex]; he doesn’t make it.

Licenses & Attributions

CC licensed content, Original

  • Interactive: Transform Quadratic 1. Provided by: Lumen Learning (with Desmos) Located at: https://www.desmos.com/calculator/fpatj6tbcn. License: CC BY: Attribution.
  • Interactive: Transform Quadratic 2. Provided by: Lumen Learning (with Desmos) Located at: https://www.desmos.com/calculator/5g3xfhkklq. License: CC BY: Attribution.
  • Interactive: Transform Quadratic 3. Provided by: Lumen Learning (with Desmos) Located at: https://www.desmos.com/calculator/ha6gh59rq7. License: CC BY: Attribution.
  • Interactive: Transform Quadratic 4. Provided by: Lumen Learning (with Desmos) Located at: https://www.desmos.com/calculator/pimelalx4i. License: CC BY: Attribution.
  • Revision and Adaptation. Provided by: Lumen Learning License: CC BY: Attribution.

CC licensed content, Shared previously

  • College Algebra. Provided by: OpenStax Authored by: Abramson, Jay et al.. Located at: https://openstax.org/books/college-algebra/pages/1-introduction-to-prerequisites. License: CC BY: Attribution. License terms: Download for free at http://cnx.org/contents/[email protected].