Skip to main content
K12 LibreTexts

1.5.3: Combining Transformations

  • Page ID
    14141
  • \( \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}}\)

    Function Graphs: Combined Transformations

    How do the different forms of transformations result in the differences between the basic parent functions we have explored and some of the more complex graphs you may have seen? It has likely occurred to you that these individual transformations are not enough to result in such significant differences. How do we then apply the individual transformations so that the more complex graphs may be understood?


    Function Transformations: Combined Transformations

    By combining shifts, reflections, and vertical and horizontal stretches and compression, a simple parent function graph can represent a much more advanced function.

    Consider the equation y=2(x−3)2+1. We can compare the graph of this function to the graph of the parent y=x2: the graph represents a vertical stretch by a factor of 2, a horizontal shift 3 units to the right, and a vertical shift of 1 unit.

    We can use this relationship to graph the function y=2(x−3)2+1. You can start by sketching y=x2 or y=2x2. Then you can shift the graph 3 units to the right, and up 1 unit.

    f-d_e4e82ab665c9d9b88c064aaeb1cb69291013209e5640851321d8e314+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure1]

    Using your knowledge of the parent function y=|x| and your knowledge of transformations, graph the following function:

    f(x)=−|x|+3

    The parent graph of this function is the graph of y=|x|, reflected over the x-axis, and shifted up 3 units. The question is: which transformation do you perform first?

    We can answer this question if we consider a few key function values. The table below shows several function values for f(x)=−|x|+3:

    x f(x)=−abs(x)+3
    -3 −abs(−3)+3=−(+3)+3=−3+3=0
    -2 −abs(−2)+3=−(+2)+3=−2+3=1
    -1 2
    0 3
    1 2
    3 0

    From the function values in the table we can see that the function increases until a vertex at (0, 3), and then it decreases again. This tells us that we can obtain the graph if we first reflect y=|x| over the x-axis (turn the “v” upside down), and then shift the graph up 3 units.

    f-d_66a1171e0ac37796878757bc2466823760711e93d85f7b3971a4fd52+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure2]

    We can also justify this ordering of the transformations of we think about the order of operations. To find any function value we take an x value, find its absolute value, find the negative of that number, and then add 3. This is the same as the order of the transformation: reflection comes before shifting up.

    When describing the relationship between a transformed graph and its parent graph, it is important to be careful with the order of operations. Take the graph of f(x)=3(x+7)3+5 and its parent function g(x)=x3.

    The graph of f(x)=4(x+8)3−3 is the graph of g(x)=x3, stretched vertically (made narrower) by a factor of 3, shifted 7 units to the left, and then shifted 5 units up.


    Examples

    Example 1

    Graph the function below using your knowledge of the parent function y=|x| and your knowledge of transformations.
    g(x)=|−x+3|

    Solution

    This function represents a horizontal shift of y=|x|, and a reflection over the x-axis. Before graphing, consider a few function values:

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

    From the values in the table, we can see that the vertex of the graph is at (3, 0). The graph is shown below.

    f-d_13ec5e17f6836a304a8e548866f3b57107255948dcf9b54eafb2fd2f+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure3]

    The graph looks the same as the graph of y=|x−3|. This is the case because y=|−x+3|=|−(x−3)|, and because |−a|=|a| for all values of a, then |−(x−3)|=|x−3|. So the original function is equal to |x−3|.

    We can still think of this graph as a reflection: if we reflect y=|x| over the x-axis, the graph remains the same, as it is symmetric over the x-axis. Then we shift the graph 3 units to the right. What is important to note here is that in order to “read” the equation as a horizontal shift, the entire expression inside the function (in this case, inside the absolute value) must be negated.

    Remember that the key to multiple transformations is to do them in order. Another way to keep track of which operations to do in which order is to just do them in the order they appear in the equation, left to right.

    Example 2

    Sketch the graph of y=−3(x+2)2+4

    Solution

    To sketch y=−3(x+2)2+4, we start with the parent function, y=x2.

    f-d_48d7ee6dd23467def896ddb8cdf250b4770fe27d770a251cce891122+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure4]
    f-d_24be8df2054da34f78d7ede512943a9728ebb7cc6cec3cf7b63c70cc+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure5]

    Next we stretch by 3:

    f-d_ae93d7aec0a6463e9c59d5445bb563ab164643b035a28b799a5420e5+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure6]

    Shift left by 2:

    f-d_d39e88ed36c4f3971d36189b19bac54f43ff40250f08d25451c548e8+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure7]

    Finally shift up by 4:

    f-d_a49c7727937b0f1efdd381844f0c3d4b73910694f94708581b6cf1b7+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure8]
    Example 3

    Sketch the graph of y=−1|x+2|−3

    Solution

    To sketch y=−1|x+2|−3 start with the parent equation: f(x)=|x| and complete the transformations left to right:

    f-d_86ad0d88b286320997fb0607782951ad16872ddc21c165c8f4174051+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure9]

    First reflect over the x axis:

    f-d_65618757050decefa915fda04af9d15f6e7750f0eee2e6fa98141827+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure10]

    Second, shift left by 2:

    f-d_e3a2cfad1294d380a53b8c0ce54dd05d4868de08b7b0386380c790ea+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure11]

    Finally, shift down by 3:

    f-d_1c8bd8f30a755dfc86d16cd4fa2b274f2a825d749de6eb68321bcbaa+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure12]
    Example 4

    Sketch the graph of f(x)=2(x−1)2

    Solution

    To sketch f(x)=2(x−1)2 start with the parent f(x)=x2

    f-d_7ffd3da6b8242bf312e3e94cfc45cdccf3516c77275ffa9ed6754e9f+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure13]

    First stretch by 2:

    f-d_fa1c251b9086ae3c1528bf18656fdc290fd9026fdcde2a8589677e46+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure14]

    Second, shift right by 1:

    f-d_21dd0fbd2bd7c8925340303db1d20212bec736accb8f5fa4347d7e01+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure15]
    Example 5

    Sketch the graph of \(\ f(x)=-2 \sqrt{x-1}\)

    Solution

    To sketch the graph of \(\ f(x)=-2 \sqrt{x-1}\) start with the parent \(\ y=\sqrt{x}\)

    f-d_4a6c6e84c7f181bdcb1c77f05613bf1c169b063d3f8012ae4a224814+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure16]

    First reflect over the x axis:

    f-d_7e3a9f1f18cda6a8d08eb339ae459b1a6c23b42041c337a44048e0c9+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure17]

    Second, stretch by 2:

    f-d_5e44623e583b977425d632e81a8f432746a5bde6cd7ebace87e9afe1+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure18]

    Third, shift right by 1:

    f-d_8ed4bdea0b4f32334d14b32a2fd762fc39245648b6e28063294382e7+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure19]

    Review

    1. What part of the function g(x)=−(f(x)+1)=−(x3+1) shifts the graph of f(x) vertically?
    2. What part of the function g(x)=−(f(x)+1) reflects the graph of f(x) across the x-axis?
    3. What is different between the functions g(x)=−(x3+1.0) and h(x)=−x3+1.0 that changes the appearance of the graph?
    4. Given the function g(x)=3.0(f(x)+2.0)=3.0(x2+2.0), what is it that shifts the graph of f(x) vertically?
      1. 3.0
      2. x2
      3. 2.0
    5. Given the function g(x)=3.0(f(x)+2.0)=3.0(x2+2.0), what is it that stretches the graph of f(x) vertically?
      1. 3.0
      2. x2
      3. 2.0
    6. What part of the equation k(x)=−(x+1)3 shifts the graph of j(x)=x3 horizontally?
    7. What part of the equation k(x)=−(x+1)3 reflects the graph of j(x)=x3 across the x-axis?
    8. Given the function g(x)=3.0(f(x)+2.0)=3.0(x+2.0)3, what is it that shifts the graph of f(x) horizontally?
    9. Given the function g(x)=3.0(f(x)+2.0)=3.0(x2+2.0)3, what is it that stretches the graph of f(x) vertically?
    10. The graph of g(x) is f(x) reflected across the x-axis. The graph of h(x) is f(x) reflected across the y-axis. The graph of j(x) is f(x) reflected across the x-axis and the y-axis. When graphing j(x) does the order in which the reflections occur matter? (Does it matter which axis we reflect the graph across first?)
    11. Given the function f(x)=x3, write a function g(x) that is: f(x) reflected across the y-axis and then stretched vertically by 8.
    12. How do you transform the graph of: f(x)=x3 so that it looks like the graph of: f(x)=4x3+6?
      1. Stretch it by a factor of \(\ 1 \over 4\) and shift it up 6 units.
      2. Stretch it by a factor of 6 and shift it left 4 units.
      3. Stretch it by a factor of 4 and shift it down 6 units.
      4. Stretch it by a factor of 4 and shift it up 6 units.
    13. How do you transform the graph of: \(\ f(x)=\sqrt{x}\) so that it looks like the graph of: \(\ f(x)=-\sqrt{x}-4\) ?
      1. Reflect it across the x-axis and shift it 4 units down.
      2. Reflect it across the y-axis and shift it 4 units up.
      3. Reflect it across the x-axis and shift it 4 units up.
      4. Reflect it across the y-axis and shift it 4 units down.
    14. The graph below is a transformation of a common function. What is the common function that has been transformed?
      1. y=|x|
      2. y=\(\ \sqrt{x}\)
      3. y=x2
      4. y=x3
    f-d_f7cebae01f4f7a837e21927e6ab3a4d6f9146d2887083d0452155ae7+IMAGE_THUMB_POSTCARD_TINY+IMAGE_THUMB_POSTCARD_TINY.png[Figure20]
    1. How has the function in Q# 14 been transformed?
      1. Reflected across the y-axis and shifted right 3 units.
      2. Stretched vertically by a factor of 3 and shifted right 1 unit.
      3. Reflected across the x-axis and shifted up 3 units.
      4. Reflected across the x-axis and shifted left 4 units.
    2. Write a function g(x) whose graph looks like the graph of f(x)=|x| reflected across the x-axis and shifted up 1 unit.
    3. Choose the function whose graph looks like the graph of f(x)=x3 shifted to the right 2 units and reflected across the y-axis.
      1. f(x)=(−x−2)3
      2. f(x)=(−x+2)3
      3. f(x)=−(x−2)3
      4. f(x)=(x−2)3

    Review (Answers)

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


    Vocabulary

    Term Definition
    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.
    Transformations Transformations are used to change the graph of a parent function into the graph of a more complex function.

    Image Attributions

    1. [Figure 1]
      License: CC BY-NC-SA
    2. [Figure 2]
      License: CC BY-NC-SA
    3. [Figure 3]
      License: CC BY-NC-SA
    4. [Figure 4]
      License: CC BY-NC-SA
    5. [Figure 5]
      License: CC BY-NC-SA
    6. [Figure 6]
      License: CC BY-NC-SA
    7. [Figure 7]
      License: CC BY-NC-SA
    8. [Figure 8]
      License: CC BY-NC-SA
    9. [Figure 9]
      Credit: dev Moore;CK-12 Foundation
      Source: https://www.flickr.com/photos/devinmoore/187215281/in/photolist-hxwzF-9Y2dT2-8R5iar-9Y2cLM-ePfP1W-eP4pca-epUxUk-ePfP4W-ceh8k3-3dMceZ-aehC8w-gmZd-e3dfr7-ac7c3c-dMr5kM-6bfCWV-6vpzyo-eKFqm1-iEv4o-aYNoV6-aWuFqv-9Uomhm-aWuFb4-eLWJx6-9Y2d4v-aWuFg4-633FZc-7L1mSC-aWuFn6-eKFqkC-7nAuor-9yD6vQ-7jAj2m-aWuFja-bXcHpR-7q9MQ4-eqQMBS-4V9irC-4V9isQ-ePfPis-9mMCH4-7qeaJq-ePfNzy-b3SGm-eP4ok2-eP4oZD-7q9Y2k-ePfP9o-eKFxDm-7qdvyU
      License: CC BY-NC-SA
    10. [Figure 10]
      Credit: dev Moore;CK-12 Foundation
      Source: https://www.flickr.com/photos/devinmoore/187215281/in/photolist-hxwzF-9Y2dT2-8R5iar-9Y2cLM-ePfP1W-eP4pca-epUxUk-ePfP4W-ceh8k3-3dMceZ-aehC8w-gmZd-e3dfr7-ac7c3c-dMr5kM-6bfCWV-6vpzyo-eKFqm1-iEv4o-aYNoV6-aWuFqv-9Uomhm-aWuFb4-eLWJx6-9Y2d4v-aWuFg4-633FZc-7L1mSC-aWuFn6-eKFqkC-7nAuor-9yD6vQ-7jAj2m-aWuFja-bXcHpR-7q9MQ4-eqQMBS-4V9irC-4V9isQ-ePfPis-9mMCH4-7qeaJq-ePfNzy-b3SGm-eP4ok2-eP4oZD-7q9Y2k-ePfP9o-eKFxDm-7qdvyU
      License: CC BY-NC-SA
    11. [Figure 11]
      Credit: dev Moore;CK-12 Foundation
      Source: https://www.flickr.com/photos/devinmoore/187215281/in/photolist-hxwzF-9Y2dT2-8R5iar-9Y2cLM-ePfP1W-eP4pca-epUxUk-ePfP4W-ceh8k3-3dMceZ-aehC8w-gmZd-e3dfr7-ac7c3c-dMr5kM-6bfCWV-6vpzyo-eKFqm1-iEv4o-aYNoV6-aWuFqv-9Uomhm-aWuFb4-eLWJx6-9Y2d4v-aWuFg4-633FZc-7L1mSC-aWuFn6-eKFqkC-7nAuor-9yD6vQ-7jAj2m-aWuFja-bXcHpR-7q9MQ4-eqQMBS-4V9irC-4V9isQ-ePfPis-9mMCH4-7qeaJq-ePfNzy-b3SGm-eP4ok2-eP4oZD-7q9Y2k-ePfP9o-eKFxDm-7qdvyU
      License: CC BY-NC-SA
    12. [Figure 12]
      Credit: dev Moore;CK-12 Foundation
      Source: https://www.flickr.com/photos/devinmoore/187215281/in/photolist-hxwzF-9Y2dT2-8R5iar-9Y2cLM-ePfP1W-eP4pca-epUxUk-ePfP4W-ceh8k3-3dMceZ-aehC8w-gmZd-e3dfr7-ac7c3c-dMr5kM-6bfCWV-6vpzyo-eKFqm1-iEv4o-aYNoV6-aWuFqv-9Uomhm-aWuFb4-eLWJx6-9Y2d4v-aWuFg4-633FZc-7L1mSC-aWuFn6-eKFqkC-7nAuor-9yD6vQ-7jAj2m-aWuFja-bXcHpR-7q9MQ4-eqQMBS-4V9irC-4V9isQ-ePfPis-9mMCH4-7qeaJq-ePfNzy-b3SGm-eP4ok2-eP4oZD-7q9Y2k-ePfP9o-eKFxDm-7qdvyU
      License: CC BY-NC-SA
    13. [Figure 13]
      License: CC BY-NC-SA
    14. [Figure 14]
      License: CC BY-NC-SA
    15. [Figure 15]
      License: CC BY-NC-SA
    16. [Figure 16]
      License: CC BY-NC-SA
    17. [Figure 17]
      License: CC BY-NC-SA
    18. [Figure 18]
      License: CC BY-NC-SA
    19. [Figure 19]
      License: CC BY-NC-SA
    20. [Figure 20]
      License: CC BY-NC-SA

    This page titled 1.5.3: Combining 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?