Skip to main content
K12 LibreTexts

1.5.1: Vertical and Horizontal Transformations

  • Page ID
    14139
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    Vertical and Horizontal Transformations

    Horizontal and vertical transformations are two of the many ways to convert the basic parent functions in a function family into their more complex counterparts.

    What vertical and/or horizontal shifts must be applied to the parent function of \(\ y=x^{2}\) in order to graph \(\ g(x)=(x-3)^{2}+4\) ?


    Vertical and Horizontal Transformations

    Have you ever tried to draw a picture of a rabbit, or cat, or dog? Unless you are talented, even the most common animals can be a bit of a challenge to draw accurately (or even recognizably!). One trick that can help even the most "artistically challenged" to create a clearly recognizable basic sketch is demonstrated in nearly all "learn to draw" courses: start with basic shapes. By starting your sketch with simple circles, ellipses, rectangles, etc., the basic outline of the more complex figure is easily arrived at, then details can be added as necessary, but the figure is already recognizable for what it is.

    The same trick works when graphing equations. By learning the basic shapes of different types of function graphs, and then adjusting the graphs with different types of transformations, even complex graphs can be sketched rather easily. This lesson will focus on two particular types of transformations: vertical shifts and horizontal shifts.

    We can express the application of vertical shifts this way:

    Formally: For any function f(x), the function g(x) = f(x) + c has a graph that is the same as f(x), shifted c units vertically. If c is positive, the graph is shifted up. If c is negative, the graph is shifted down.

    Informally: Adding a positive number after the x outside the parentheses shifts the graph up, adding a negative (or subtracting) shifts the graph down.

    We can express the application of horizontal shifts this way:

    Formally: given a function f(x), and a constant a > 0, the function g(x) = f(x - a) represents a horizontal shift a units to the right from f(x). The function h(x) = f(x + a) represents a horizontal shift a units to the left.

    Informally: Adding a positive number after the x inside the parentheses shifts the graph left, adding a negative (or subtracting) shifts the graph right.

    " frameborder="0" height="450px" name="91933" src="https://www.ck12.org/flx/show/video/...tions-Overview" thumbnailurl="" title="VideoObject?hash=0b9a7343fab39ccd5979563a60978084" uploaddate="2016-07-01 16:36:12" width="95%">


    Examples

    Example 1

    Solution

    Earlier, you were given a question about applying vertical and/or horizontal shifts to a parent function in order to graph a different function in the same function family.

    What transformations must be applied to \(\ y=x^{2}\), in order to graph \(\ g(x)=(x-3)^{2}+4\) ?

    The graph of \(\ g(x)=(x-3)^{2}+4\) is the graph of \(\ y=x^{2}\) shifted 3 units to the right, and 4 units up.

    Example 2

    What must be done to the graph of \(\ y=x^{2}\) to convert it into the graphs of \(\ y=x^{2}-3\) and \(\ y=x^{2}+4\) ?

    Solution

    f-d_0bd38dbc2971100bbfb546dbe0e6b4d6fbb172ea05b5f432d867e379+IMAGE_TINY+IMAGE_TINY.jpg

    At first glance, it may seem that the graphs have different widths. For example, it might look like y = x2 + 4, the uppermost of the three parabolas, is thinner than the other two parabolas. However, this is not the case. The parabolas are congruent.

    If we shifted the graph of y = x2 up four units, we would have the exact same graph as y = x2 + 4. If we shifted y = x2 down three units, we would have the graph of y = x2 - 3.

    Example 3

    Identify the transformation(s) involved in converting the graph of f(x) = |x| into g(x) = |x - 3|.

    Solution

    From the examples of vertical shifts above, you might think that the graph of g(x) is the graph of f(x), shifted 3 units to the left. However, this is not the case. The graph of g(x) is the graph of f(x), shifted 3 units to the right.

    The direction of the shift makes sense if we look at specific function values.

    x g(x) = abs(x - 3)
    0 3
    1 2
    2 1
    3 0
    4 1
    5 2
    6 3

    From the table we can see that the vertex of the graph is the point (3, 0). The function values on either side of x = 3 are symmetric, and greater than 0.

    f-d_e9a34f3a9ff535fb28b8b1fa0274c55ca327242ae2e85e707bd6a017+IMAGE_TINY+IMAGE_TINY.jpg
    Example 4

    What transformations must be applied to y=x2, in order to graph g(x)=(x+2)2−2?

    Solution

    The graph of g(x)=(x+2)2−2 is the graph of y=x2 shifted 2 units to the left, and 2 units down.

    Example 5

    Use the parent function f(x) = x2 to graph f(x) = x2 + 3.

    Solution

    The function f(x) = x2 is a parabola with the vertex at (0, 0).

    Adding outside the parenthesis shifts the graph vertically.

    Therefore, f(x) = x2 + 3 will be a parabola with the vertex 3 units up.g

    f-d_00b1900fe62bc7c32d578b045de306060c1d77fe2a0d304a7b22dd3c+IMAGE_TINY+IMAGE_TINY.png
    Example 6

    Use the parent function f(x) = |x| to graph f(x) = |x - 4|.

    Solution

    The graph of the absolute value function family parent function f(x) = |x| is a large "V" with the vertex at the origin.

    Adding or subtracting inside the parenthesis results in horizontal movement.

    Recall that the horizontal shift is right for negative numbers, and left for positive numbers.

    Therefore f(x) = |x - 4| is a large "V" with the vertex 4 units to the right of the origin.

    f-d_fa89b82ba09948da78ba2ef2fc27420fc0892635ea715c51abaaf055+IMAGE_TINY+IMAGE_TINY.png

    Review

    1. Graph the function f(x)=2|x−1|−3 without a calculator.
    2. What is the vertex of the graph and how do you know?
    3. Does it open up or down and how do you know?
    4. For the function: f(x)=|x|+c if c is positive, the graph shifts in what direction?
    5. For the function: f(x)=|x|+c if c is negative, the graph shifts in what direction?
    6. The function g(x)=|x−a| represents a shift to the right or the left?
    7. The function h(x)=|x+a| represents a shift to the right or the left?
    8. If a graph is in the form a⋅f(x). What is the effect of changing the a?

    Describe the transformation that has taken place for the parent function f(x)=|x|.

    1. f(x)=|x|−5
    2. f(x)=5|x+7|

    Write an equation that reflects the transformation that has taken place for the parent function \(\ g(x)=\frac{1}{x}\), for it to move in the following ways:

    1. Move two spaces up
    2. Move four spaces to the right
    3. Stretch it by 2 in the y-direction

    Write an equation for each described transformation.

    1. a V-shape shifted down 4 units.
    2. a V-shape shifted left 6 units
    3. a V-shape shifted right 2 units and up 1 unit.

    The following graphs are transformations of the parent function f(x)=|x| in the form of f(x)=a|x−h|=k. Graph or sketch each to observe the type of transformation.

    1. f(x)=|x|+2. What happens to the graph when you add a number to the function? (i.e. f(x) + k).
    2. f(x)=|x|−4. What happens to the graph when you subtract a number from the function? (i.e. f(x) - k).
    3. f(x)=|x−4|. What happens to the graph when you subtract a number in the function? (i.e. f(x - h)).
    4. f(x)=|x+2|. What happens to the graph when you add a number in the function? (i.e. f(x + h)).

    Practice: Graph the following.

    1. f(x)=2|x|
    2. \(\ f(x)=\frac{5}{2}|x|\)
    3. \(\ f(x)=\frac{1}{2}|x|\)
    4. \(\ f(x)=\frac{2}{5}|x|\)
    5. Let f(x)=x2. Let g(x) be the function obtained by shifting the graph of f(x) two units to the right and then up three units. Find a formula for g(x) and then draw its graph

    Suppose H(t) gives the height of high tide in Hawaii(H) on a Tuesday, (t) of the year. Use shifts of the function H(t) to find formulas of each of the following functions:

    1. F(t), the height of high tide on Fiji on Tuesday (t), given that high tide in Fiji is always one foot higher than high tide in Hawaii.
    2. S(d), the height of high tide in Saint Thomas on Tuesday (t), given that high tide in Saint Thomas is the same height as the previous day's height in Hawaii.

    Review (Answers)

    To see the Review answers, open this PDF file and look for section 1.12.


    Vocabulary

    Term Definition
    Absolute value function An absolute value function graphs a V shape, and is in the form y=|x|.
    Function families Function families are groups of functions with similarities that make them easier to graph when you are familiar with the parent function, the most basic example of the form.
    Function Family Function families are groups of functions with similarities that make them easier to graph when you are familiar with the parent function, the most basic example of the form.
    Horizontal shift A horizontal shift is the result of adding a constant term to the function inside the parentheses. A positive term results in a shift to the left and a negative term in a shift to the right.
    parent function A parent function is the simplest form of a particular type of function. All other functions of this type are usually compared to the parent function.
    shift A shift, also known as a translation or a slide, is a transformation applied to the graph of a function that does not change the shape or orientation of the graph, only the location of the graph.
    shifts A shift, also known as a translation or a slide, is a transformation applied to the graph of a function that does not change the shape or orientation of the graph, only the location of the graph.
    Transformations Transformations are used to change the graph of a parent function into the graph of a more complex function.
    Translation A translation is a transformation that slides a figure on the coordinate plane without changing its shape, size, or orientation.
    Vertical shift A vertical shift is the result of adding a constant term to the value of a function. A positive term results in an upward shift, and a negative term in a downward shift.

    This page titled 1.5.1: Vertical and Horizontal Transformations is shared under a CK-12 license and was authored, remixed, and/or curated by CK-12 Foundation via source content that was edited to the style and standards of the LibreTexts platform; a detailed edit history is available upon request.

    CK-12 Foundation
    LICENSED UNDER
    CK-12 Foundation is licensed under CK-12 Curriculum Materials License
    • Was this article helpful?