Processing math: 100%
Skip to main content
Library homepage
 

Text Color

Text Size

 

Margin Size

 

Font Type

Enable Dyslexic Font
Mathematics LibreTexts

2.5: Using Transformations to Graph Functions

  • Anonymous
  • LibreTexts

( \newcommand{\kernel}{\mathrm{null}\,}\)

Learning Objectives

  • Define the rigid transformations and use them to sketch graphs.
  • Define the non-rigid transformations and use them to sketch graphs.

Vertical and Horizontal Translations

When the graph of a function is changed in appearance and/or location we call it a transformation. There are two types of transformations. A rigid transformation57 changes the location of the function in a coordinate plane, but leaves the size and shape of the graph unchanged. A non-rigid transformation58 changes the size and/or shape of the graph.

A vertical translation59 is a rigid transformation that shifts a graph up or down relative to the original graph. This occurs when a constant is added to any function. If we add a positive constant to each y-coordinate, the graph will shift up. If we add a negative constant, the graph will shift down. For example, consider the functions g(x)=x23 and h(x)=x2+3. Begin by evaluating for some values of the independent variable x.

b50310f33dc72e2d8cf74e6611038542.png
Figure 2.5.1

Now plot the points and compare the graphs of the functions g and h to the basic graph of f(x)=x2, which is shown using a dashed grey curve below.

7e49406ad152f960db8d4ac5ba5f1f28.png
Figure 2.5.2

The function g shifts the basic graph down 3 units and the function h shifts the basic graph up 3 units. In general, this describes the vertical translations; if k is any positive real number:

Vertical shift up k units: F(x)=f(x)+k
Vertical shift down k units: F(x)=f(x)k
Table 2.5.1

Example 2.5.1:

Sketch the graph of g(x)=x+4.

Solution

Begin with the basic function defined by f(x)=x and shift the graph up 4 units.

Answer:

3df380820cd319e9c51a4167305113a3.png
Figure 2.5.3

A horizontal translation60 is a rigid transformation that shifts a graph left or right relative to the original graph. This occurs when we add or subtract constants from the x-coordinate before the function is applied. For example, consider the functions defined by g(x)=(x+3)2 and h(x)=(x3)2 and create the following tables:

0bf95c8808240fa0eb0af30d5d71c444.png
Figure 2.5.4

Here we add and subtract from the x-coordinates and then square the result. This produces a horizontal translation.

533912b244dd5ed2245cdf0b4d869919.png
Figure 2.5.5

Note that this is the opposite of what you might expect. In general, this describes the horizontal translations; if h is any positive real number:

Horizontal shift left h units: F(x)=f(x+h)
Horizontal shift right h units: F(x)=f(xh)
Table 2.5.2

Example 2.5.2:

Sketch the graph of g(x)=(x4)3.

Solution

Begin with a basic cubing function defined by f(x)=x3 and shift the graph 4 units to the right.

Answer:

3b72891ab70b222a56072deb5558b196.png
Figure 2.5.6

It is often the case that combinations of translations occur.

Example 2.5.3:

Sketch the graph of g(x)=|x+3|5.

Solution

Start with the absolute value function and apply the following transformations.

y=|x|Basicfunctiony=|x+3|Horizontalshiftleft3unitsy=|x+3|5Verticalshiftdown5units

Answer:

6e27745f375fee6cc6c806ddd8a66aa4.png
Figure 2.5.7

The order in which we apply horizontal and vertical translations does not affect the final graph.

Example 2.5.4:

Sketch the graph of g(x)=1x5+3.

Solution

Begin with the reciprocal function and identify the translations.

y=1xBasicfunctiony=1x5Horizontalshiftleft3unitsy=1x5+3Verticalshiftdown5units

Take care to shift the vertical asymptote from the y-axis 5 units to the right and shift the horizontal asymptote from the x-axis up 3 units.

Answer:

a1988e97475380515dc5e8a50429f504.png
Figure 2.5.8

Exercise 2.5.1

Sketch the graph of g(x)=(x2)2+1.

Answer
fdb88019f624f31c5c3ca2123fe0b310.png
Figure 2.5.9

www.youtube.com/v/6F6zKaogxTE

Reflections

A reflection61 is a transformation in which a mirror image of the graph is produced about an axis. In this section, we will consider reflections about the x- and y-axis. The graph of a function is reflected about the x-axis if each y-coordinate is multiplied by 1. The graph of a function is reflected about the y-axis if each x-coordinate is multiplied by 1 before the function is applied. For example, consider g(x)=x and h(x)=x.

976a3f92423b4cf72a0331143bb8f61c.png
Figure 2.5.10

Compare the graph of g and h to the basic square root function defined by f(x)=x, shown dashed in grey below:

dc07456a7de88dacdbfc7d45fb6eb7ad.png
Figure 2.5.11

The first function g has a negative factor that appears “inside” the function; this produces a reflection about the y-axis. The second function h has a negative factor that appears “outside” the function; this produces a reflection about the x-axis. In general, it is true that:

Reflection about the y-axis: F(x)=f(x)
Reflection about the x-axis: F(x)=f(x)
Table 2.5.3

When sketching graphs that involve a reflection, consider the reflection first and then apply the vertical and/or horizontal translations.

Example 2.5.5:

Sketch the graph of g(x)=(x+5)2+3.

Solution

Begin with the squaring function and then identify the transformations starting with any reflections.

y=x2Basicfunction.y=x2Relfectionaboutthexaxis.y=(x+5)2Horizontalshiftleft5units.y=(x+5)2+3Verticalshiftup3units.

Use these translations to sketch the graph.

Answer:

518e388c5d95ac5ef23ad9370e01f647.png
Figure 2.5.12

Exercise 2.5.2

Sketch the graph of g(x)=|x|+3.

Answer
4bed66ca7372e8e1c8ba5ee4a8047564.png
Figure 2.5.13

www.youtube.com/v/XsbLkFWWzBc

Dilations

Horizontal and vertical translations, as well as reflections, are called rigid transformations because the shape of the basic graph is left unchanged, or rigid. Functions that are multiplied by a real number other than 1, depending on the real number, appear to be stretched vertically or stretched horizontally. This type of non-rigid transformation is called a dilation62. For example, we can multiply the squaring function f(x)=x2 by 4 and 14 to see what happens to the graph.

9d3ac7370e44e9f047e4a787962fc4ae.png
Figure 2.5.14

Compare the graph of g and h to the basic squaring function defined by f(x)=x2, shown dashed in grey below:

205680db2491940ca84a05d3de631554.png
Figure 2.5.15

The function g is steeper than the basic squaring function and its graph appears to have been stretched vertically. The function h is not as steep as the basic squaring function and appears to have been stretched horizontally.

In general, we have:

Dilation: F(x)=af(x)
Table 2.5.4

If the factor a is a nonzero fraction between 1 and 1, it will stretch the graph horizontally. Otherwise, the graph will be stretched vertically. If the factor a is negative, then it will produce a reflection as well.

Example 2.5.6:

Sketch the graph of g(x)=2|x5|3.

Solution

Here we begin with the product of 2 and the basic absolute value function: y=2|x|.This results in a reflection and a dilation.

Screenshot (134).png
Figure 2.5.16

Use the points {(1,2),(0,0),(1,2)} to graph the reflected and dilated function y=2|x|. Then translate this graph 5 units to the right and 3 units down.

y=2|x|Basicgraphwithdilationandreflectionaboutthexaxis.y=2|x5|Shiftright5units.y=2|x5|3Shiftdown3units.

Answer:

4df8b5288e81e180e07bb844d15806c8.png
Figure 2.5.17

In summary, given positive real numbers h and k:

Vertical shift up k units: F(x)=f(x)+k
Vertical shift down k units: F(x)=f(x)k
Table 2.5.1
Horizontal shift left h units: F(x)=f(x+h)
Horizontal shift right h units: F(x)=f(xh)
Table 2.5.2
Reflection about the y-axis: F(x)=f(x)
Reflection about the x-axis: F(x)=f(x)
Table 2.5.3
Dilation: F(x)=af(x)
Table 2.5.4

Key Takeaways

  • Identifying transformations allows us to quickly sketch the graph of functions. This skill will be useful as we progress in our study of mathematics. Often a geometric understanding of a problem will lead to a more elegant solution.
  • If a positive constant is added to a function, f(x)+k, the graph will shift up. If a positive constant is subtracted from a function, f(x)k, the graph will shift down. The basic shape of the graph will remain the same.
  • If a positive constant is added to the value in the domain before the function is applied, f(x+h), the graph will shift to the left. If a positive constant is subtracted from the value in the domain before the function is applied, f(xh), the graph will shift right. The basic shape will remain the same.
  • Multiplying a function by a negative constant, f(x), reflects its graph in the x-axis. Multiplying the values in the domain by 1 before applying the function, f(x), reflects the graph about the y-axis.
  • When applying multiple transformations, apply reflections first.
  • Multiplying a function by a constant other than 1, af(x), produces a dilation. If the constant is a positive number greater than 1, the graph will appear to stretch vertically. If the positive constant is a fraction less than 1, the graph will appear to stretch horizontally.

Exercise 2.5.3

Match the graph to the function definition.

caf84d0d27db512ef90d11b59b6c37dc.png
Figure 2.5.18
2fe54b1c80ea84f0f721462f90455c0b.png
Figure 2.5.19
3622a0d2256166544a122ecd7156de36.png
Figure 2.5.20
47088a9efd6814511cb0fc8d233b539f.png
Figure 2.5.21
d44d62205d34ed371aad179b77c54a81.png
Figure 2.5.22
Figure 2.5.23
  1. f(x)=x+4
  2. f(x)=|x2|2
  3. f(x)=x+11
  4. f(x)=|x2|+1
  5. f(x)=x+4+1
  6. f(x)=|x+2|2
Answer

1. e

3. d

5. f

Exercise 2.5.4

Graph the given function. Identify the basic function and translations used to sketch the graph. Then state the domain and range.

  1. f(x)=x+3
  2. f(x)=x2
  3. g(x)=x2+1
  4. g(x)=x24
  5. g(x)=(x5)2
  6. g(x)=(x+1)2
  7. g(x)=(x5)2+2
  8. g(x)=(x+2)25
  9. h(x)=|x+4|
  10. h(x)=|x4|
  11. h(x)=|x1|3
  12. h(x)=|x+2|5
  13. g(x)=x5
  14. g(x)=x5
  15. g(x)=x2+1
  16. g(x)=x+2+3
  17. h(x)=(x2)3
  18. h(x)=x3+4
  19. h(x)=(x1)34
  20. h(x)=(x+1)3+3
  21. f(x)=1x2
  22. f(x)=1x+3
  23. f(x)=1x+5
  24. f(x)=1x3
  25. f(x)=1x+12
  26. f(x)=1x3+3
  27. g(x)=4
  28. g(x)=2
  29. f(x)=3x2+6
  30. f(x)=3x+84
Answer

1. y=x; Shift up 3 units; domain: R; range: R

ed14f13811bfb7c397b768ab1e6d718a.png
Figure 2.5.24

3. y=x2; Shift up 1 unit; domain: ; range: [1,)

0e393f0d6e151259a123b1e505dec86b.png
Figure 2.5.25

5. y=x2; Shift right 5 units; domain: ; range: [0,)

8fc7f879a8ba5f12d0b98f348e5adadb.png
Figure 2.5.26

7. y=x2; Shift right 5 units and up 2 units; domain: ; range: [2,)

57a5fd7bcf0e225b10961c6534cd4545.png
Figure 2.5.27

9. y=|x|; Shift left 4 units; domain: ; range: [0,)

86a1d10b4aad0ab79bc2c8dd55bf4f38.png
Figure 2.5.28

11. y=|x|; Shift right 1 unit and down 3 units; domain: ; range: [3,)

424b66df0df22a96fd88c4957413d44e.png
Figure 2.5.29

13. y=x; Shift down 5 units; domain: [0,); range: [5,)

457665c1ea5709240bd4c6e1685a1985.png
Figure 2.5.30

15. y=x; Shift right 2 units and up 1 unit; domain: [2,); range: [1,)

da6d3f21b303aeb0b29fe4975b48a64f.png
Figure 2.5.31

17. y=x3 ; Shift right 2 units; domain: ; range:

01b74b05906d95ff14c5aa6de0ae7b4f.png
Figure 2.5.32

19. y=x3; Shift right 1 unit and down 4 units; domain: ; range:

a4f584febcd95dc5ef92bbe2ef80df7c.png
Figure 2.5.33

21. y=1x; Shift right 2 units; domain: (,2)(2,); range: (,0)(0,)

75fa23d883d738eeb47a020057002b8f.png
Figure 2.5.34

23. y=1x; Shift up 5 units; domain: (,0)(0,); range: (,1)(1,)

53d3a12d61be06d8913ae13668760ebb.png
Figure 2.5.35

25. y=1x; Shift left 1 unit and down 2 units; domain: (,1)(1,); range: (,2)(2,)

0eac4ad67881e57bfa8e7dc46c933e8e.png
Figure 2.5.36

27. Basic graph y=4; domain: ; range: {4}

dec428893d68980da985eabaf7f7fb11.png
Figure 2.5.37

29. y=3x; Shift up 6 units and right 2 units; domain: ; range:

43dafc2ae310a7b8dbba8ee467325ad8.png
Figure 2.5.38

Exercise 2.5.5

Graph the piecewise functions.

  1. h(x)={x2+2 if x<0x+2 if x0
  2. h(x)={x23 if x<0x3 if x0
  3. h(x)={x31 if x<0|x3|4 if x0
  4. h(x)={x3 if x<0(x1)21 if x0
  5. h(x)={x21 if x<02 if x0
  6. h(x)={x+2 if x<0(x2)2 if x0
  7. h(x)={(x+10)24 if x<8x+4 if 8x<4x+4 if x4
  8. f(x)={x+10 if x10|x5|15 if 10<x2010 if x>20
Answer

1.

1790a36f5e4c391f1d37b3abdabb2349.png
Figure 2.5.39

3.

f2e8945e9fea8dc040b6d5a1180fd1d0.png
Figure 2.5.40

5.

ab01cd028abe7241da8e857be88bdb8a.png
Figure 2.5.41

7.

00235242b3f9ae8ded77603b43125c75.png
Figure 2.5.42

Exercise 2.5.6

Write an equation that represents the function whose graph is given.

1.

9de0ccbee5d59fa05acab85d085cb4d7.png
Figure 2.5.43

2.

122abd4ccb8eb72a59532b22ed6116ab.png
Figure 2.5.44

3.

b8f5c01476fe7ee9f21dd781da420d2d.png
Figure 2.5.45

4.

Figure 2.5.46

5.

e90ad3255312e9bf25d0f866de703eb4.png
Figure 2.5.47

6.

6c160b69a9ef56763a5424ea14fbc86f.png
Figure 2.5.48

7.

613f12af91bfbf853201387cb6dd7acb.png
Figure 2.5.49

8.

Figure 2.5.50
Answer

1. f(x)=x5

3. f(x)=(x15)210

5. f(x)=1x+8+4

7. f(x)=x+164

Exercise 2.5.6

Match the graph to the given function defintion.

19f3c208cfdeeffde7e76281b4b28f46.png
Figure 2.5.51
7ddabfc77a72214e9f6bea00e3b2cca0.png
Figure 2.5.52
039e6f4a86d07a578660882bccf7ea40.png
Figure 2.5.53
16b19343fd01aecf51c1cdea8af3ee21.png
Figure 2.5.54
26cdff42b4eb188a4512c934fd59f9e5.png
Figure 2.5.55
75295519ff6aaa13dced0dc6ed6e2ef7.png
Figure 2.5.56
  1. f(x)=3|x|
  2. f(x)=(x+3)21
  3. f(x)=|x+1|+2
  4. f(x)=x2+1
  5. f(x)=13|x|
  6. f(x)=(x2)2+2
Answer

1. b

3. d

5. f

Exercise 2.5.7

Use the transformations to graph the following functions.

  1. f(x)=x+5
  2. f(x)=|x|3
  3. g(x)=|x1|
  4. f(x)=(x+2)2
  5. h(x)=x+2
  6. g(x)=x+2
  7. g(x)=(x+2)3
  8. h(x)=x2+1
  9. g(x)=x3+4
  10. f(x)=x2+6
  11. f(x)=3|x|
  12. g(x)=2x2
  13. h(x)=12(x1)2
  14. h(x)=13(x+2)2
  15. g(x)=12x3
  16. f(x)=5x+2
  17. f(x)=4x1+2
  18. h(x)=2x+1
  19. g(x)=14(x+3)31
  20. f(x)=5(x3)2+3
  21. h(x)=3|x+4|2
  22. f(x)=1x
  23. f(x)=1x+2
  24. f(x)=1x+1+2
Answer

1.

7ab442c285558a001bd71c319dfceb86.png
Figure 2.5.57

3.

8e5290466d22bfaad7a33f4ffcc1c2d0.png
Figure 2.5.58

5.

73fbbd2cc539ff2ab99df22497167aec.png
Figure 2.5.59

7.

87909d16e900cb252e880491550fd960.png
Figure 2.5.60

9.

92bf8584935a01fd897e3af4c08fa4fd.png
Figure 2.5.61

11.

b03918836eb8805c137b8a53dc8d07ff.png
Figure 2.5.62

13.

ba1195d282dfeb1b813eeec2a0ff6e74.png
Figure 2.5.63

15.

576a64916f5e6c8c4b851efadf07189d.png
Figure 2.5.64

17.

3a6abc9abd61596a77ecfe672f89976d.png
Figure 2.5.65

19.

Figure 2.5.66

21.

Figure 2.5.67

23.

Figure 2.5.68

Exercise 2.5.8

  1. Use different colors to graph the family of graphs defined by y=kx2, where k{1,12,13,14}. What happens to the graph when the denominator of k is very large? Share your findings on the discussion board.
  2. Graph f(x)=x and g(x)=x on the same set of coordinate axes. What does the general shape look like? Try to find a single equation that describes the shape. Share your findings.
  3. Explore what happens to the graph of a function when the domain values are multiplied by a factor a before the function is applied, f(ax). Develop some rules for this situation and share them on the discussion board.
Answer

1. Answer may vary

3. Answer may vary

Footnotes

57A set of operations that change the location of a graph in a coordinate plane but leave the size and shape unchanged.

58A set of operations that change the size and/or shape of a graph in a coordinate plane.

59A rigid transformation that shifts a graph up or down.

60A rigid transformation that shifts a graph left or right.

61A transformation that produces a mirror image of the graph about an axis.

62A non-rigid transformation, produced by multiplying functions by a nonzero real number, which appears to stretch the graph either vertically or horizontally.


This page titled 2.5: Using Transformations to Graph Functions is shared under a CC BY-NC-SA 3.0 license and was authored, remixed, and/or curated by Anonymous via source content that was edited to the style and standards of the LibreTexts platform.

Support Center

How can we help?