Derivative Builder CalcLens

Slide a point along f and read the slope of the tangent there. Each slope is dropped onto the second graph as a height. Sweep all the way across and the derivative draws itself — f′ is not a new kind of object, it is a graph of slopes.

Try x^3-3x, sin(x), x^2, abs(x), e^x, ln(x).

Top: f, with the tangent at the point. Bottom: every slope you have visited, plotted as a height. The dashed line marks the same x on both, and the red number is written twice on purpose — slope up there, height down here, the same f′ and the same number. Drag on either graph to move it.

What the numbers say

Derivative Builder

The top graph shows f. A point slides along it, carrying a tangent line. The slope of that tangent is plotted on the bottom graph as a height. Sweep across and the bottom graph fills in: that is f′.

The slope, written twice

The same number is written on both graphs at once — beside the tangent on f as slope = f′ = …, and beside a short red segment on f′ as height = f′ = …. The grey word says what the quantity is called on the graph you are looking at; the red is identical in both places because it is the same quantity. That is the whole idea the pair of graphs exists to carry.

It is written as an equation rather than run together, because "slope f′" can be read as the slope of f′ — which is f″, and confusing those two is a live error in this course. The equals sign forbids that reading.

Red means the slope at the point you are on, in both of its guises — the tangent embodies it above, the segment measures it below. Orange is kept for f′ as a function: the dots you have traced and the true curve when you reveal it.

?unitrun=true adds a slope triangle with a run of exactly 1, so the rise is the slope. It is drawn only when that rise fits the window: a steep slope against a shallow y-range would send it off the frame, and it is left out rather than drawn clipped and lying about its height.

The secant gap h (off by default)

Secant-to-tangent is a different question, and it has two tools of its own: Secant to Tangent for the picture and Derivative from the Definition for the algebra. Here it competed with the tangent for the same line through the same point, so it is hidden unless you ask for it with ?secant=true.

The dashed secant joins . Its slope is the difference quotient . Drag h toward 0 and watch the secant settle onto the tangent, and the difference quotient settle onto f′(x). That limit is the definition.

What to watch for

Keyboard

← →
Move the point (focus the x slider first)
Space
Start or stop the sweep
?
This dialog
Esc
Close