

Transformations of Functions
Let f (x) be some function and let
be another function that is a transformation of f.
This applet explores how the derivatives of f and g are related.
1. Transformation of a cubic
The applet initially shows the graph of a cubic. The function and its derivative are in magenta, while the transformation and its derivative are in blue. You can only see the blue one, since they start out identical.

First, move the d slider. What happens to the graph of the function? What happens to the derivative? Why? Changing d moves the graph of f up and down, which does not change the slope at any point. Hence the derivative of g is still the same as the derivative of f.
 Set d back to 0 and then move the c slider. What happens to the graph of the function? What happens to the derivative? Why? Changing c moves the graph left and right, so the derivative moves that way, too. At any time you can also play with the x slider, which moves the point of tangency.
 Set c back to 0 and then move the a slider. What happens to the graph of the function? What happens to the derivative? Why? Changing a stretches and squishes the graph vertically. A vertical stretch causes the slopes to get steeper, so the derivative gets stretched vertically, too. Squishing the graph vertically causes the slopes to get shallower, so that causes the derivative to get squished vertically. For example, set x = 2 and a = 2; what is the relationship between the derivative values shown in the right hand graph? Try a = 3, etc. You should notice that the transformed derivative is just a times the original derivative
 Set a back to 1 and then move the b slider.What happens to the graph of the function? What happens to the derivative? Why? Changing b stretches and squishes the graph horizontally. A horizontal stretch causes the slopes to get shallower (i.e., closer to zero), so the derivative gets "flattened." Squishing the graph horizontally causes the slopes to get steeper (i.e., farther from zero), so that causes the derivative to get stretched vertically. But, if you watch the values of the derivatives, it actually looks a bit more complex than this. For example, set x = 2 and b = 2. Clearly the value of the derivative of the transformed function is not as simply related to the original value as in the case for a.
2. A sinusoid
Select the second example, a sinusoid, and experiment with the sliders. In particular, set a = 1, c = d = 0, and play with the b slider. This example more clearly shows that the derivative of the transform has both a vertical and a horizontal stretch/squeeze.
This could have been done by just taking the derivative of g(x), using the chain rule:
Notice that d is gone, so vertical shifts don't affect the derivative. c is in the same place, so horizontal shifts also shift the derivative. A is in the same place, so a vertical stretch/squish also happens to the derivative. Notice that b is now in two places, so figuring out the change in the derivative involves both a vertical and a horizontal stretch/squeeze.
While you are here..
... I have a small favor to ask. Over the years we have used advertising to support the site so it can remain free for everyone.
However, advertising revenue is falling and I have always hated the ads. So, would you go to Patreon and become a patron of the site?
When we reach the goal I will remove all advertising from the site.
It only takes a minute and any amount would be greatly appreciated.
Thank you for considering it! – John Page
Become a patron of the site at patreon.com/mathopenref
Other differentiation topics
Acknowledgements
Derived from the work of Thomas S. Downey under a Creative Commons Attribution 3.0 License.

