Recall the introduction to graphical transformations of a function we saw in section 1.3. A function may be transformed by a shift up, down, left, or right. A function may also be transformed using a reflection, stretch, or compression. The original function [latex]f(x)=x[/latex] is also known as the parent function and is the linear function used for transformations in this section. We will apply transformations graphically and consider what these transformations mean algebraically.

Vertical Shifts

Making a vertical shift means to move the graph of the linear function vertically up or down a certain number of units. When we shift a line up or down, the slope (steepness) of the line does not change. What changes is the [latex]y[/latex]-intercept. For example, the function [latex]f(x)=x[/latex] has a slope of 1 and a [latex]y[/latex]-intercept at (0, 0). If we shift the line up two units, the slope does not change, but the [latex]y[/latex]-intercept moves to (0, 2) (Figure 1).

Figure 1. Vertical shift

If fact, every point on the graph shifts up by 2 units so for every point on the line [latex]y=x[/latex], the [latex]y[/latex]-coordinate of each point increases by 2. This is shown in Table 1.

In other words, the function [latex]f(x)=x[/latex] transforms to [latex]f(x)=x+2[/latex] because all of the [latex]y[/latex]-values are increased by 2.

If the function [latex]f(x)=x[/latex] is shifted down two units, it means all the [latex]y[/latex]-coordinates of the points on the line are decreased by 2 (increased by –2) (Table 2). In other words, the function [latex]f(x)=x[/latex] becomes [latex]f(x)=x-2[/latex] because all of the [latex]y[/latex]-values are decreased by 2. From another perspective, this transformation results in the original [latex]y[/latex]-intercept (0, 0) moving to (0, –2). Therefore, the function becomes [latex]f(x)=x-2[/latex].

Figure 2. Vertical shifts.

This can be investigated in Desmos by changing the value of [latex]b[/latex]. Click on the desmos icon on the bottom right corner of figure 3 and move the slider to change the value of [latex]b[/latex].

Figure 3. Transformation of [latex]f(x)=x[/latex] to [latex]f(x)=x+b[/latex].

Try It 1

The graph shows the function [latex]f(x)=x[/latex]. Use this graph to shift the function up by 3 units . Then write the equation of the new function.

Show Answer

[latex]f(x)=x+3[/latex]

Vertical Stretching or Compressing

Vertically stretching

If we could grab both ends of the line and pull vertically in opposite directions (e.g., the end goes up if it is above the x-axis, and the end goes down if it is below the x-axis) we would stretch the line causing the slope of the line to increase. This is vertical stretching of a linear function. Another perspective of viewing vertically stretching a line is that every y coordinate of points on the line is multiplied by a number that is greater than 1. Therefore, if stretching a line vertically twice, the point (1, 2) becomes (1, 4) (e.g., the y-coordinate is twice larger) and the point (-2, -1) becomes (-2, -2).

To increase the steepness of a function the slope must increase from 1 to a number that is greater than 1. For example, stretching the function [latex]f(x)=x[/latex] to be twice as steep means multiplying the original slope of 1 by 2. Therefore, the stretched function becomes [latex]f(x)=2x[/latex]. It is important to note that the position of the [latex]y[/latex]-intercept does not change because there is no vertical shift.

Vertically compressing down

If instead of being able to stretch the ends of the line in opposite directions we were able to push the ends of the line, causing the slope of the line to decrease, we would witness vertical compression. The result would be to decrease the steepness (slope) of the line. Another perspective of viewing vertically compressing a line is that every y-coordinate of points on the line is multiplied by a number that is less than 1. Therefore, if compressing a line vertically to half of its height, the point (1, 2) becomes (1, 1) (e.g., the y-coordinate is half of its height) and the point (-2, -1) becomes (-2, -1/2).

To decrease the steepness of a line means to multiply the original slope of 1 by a number that is between 0 and 1. For example, compressing the function [latex]f(x)=x[/latex] to one-half of its height means multiplying the slope by [latex]\dfrac{1}{2}[/latex]. Therefore, the compressed function is [latex]f(x)=\dfrac{1}{2}x[/latex]. It is important to note that the position of the [latex]y[/latex]-intercept does not change because there is no vertical shift.

Figure 4 illustrates the graphs of various functions that are the result of stretching ([latex]m>1[/latex] or compressing ([latex]0≤m<1[/latex] the function [latex]f(x)=x[/latex] to [latex]f(x)=mx[/latex].

Figure 4. Stretching and compressing a linear function.

This can be investigated in Desmos by changing the value of [latex]m[/latex]. Click on the desmos icon on the bottom right corner of figure 5 and move the slider to change the value of [latex]m[/latex]. Notice what happens to the coordinate (1, 1) on the original graph as the transformation plays out.

Figure 5. Transformation of [latex]f(x)=x[/latex] to [latex]f(x)=mx[/latex].

Note how the original function is compressed because the rate of change is “slowed”.