The translucent blue surface is the graph of
\(z = f(x,y)\text{.}\) In the
\(xy\)-plane below it, the point
\(P_0(x_0,y_0)\) is fixed, the short blue arrow is the unit vector
\(\mathbf u\text{,}\) and the gold arrow is the displacement
\(s\mathbf u\text{,}\) which ends at the point
\(P(x_0+su_1,\, y_0+su_2)\text{.}\) The dashed vertical lines rise from
\(P_0\) and
\(P\) to the surface, where the values
\(f(P_0)\) and
\(f(P)\) are marked. Drag the slider to change the distance
\(s\text{,}\) or press βs
\(\to\) 0β to animate the limit in the definition of the directional derivative: as
\(s \to 0\text{,}\) the point
\(P\) slides back toward
\(P_0\) and the difference quotient
\(\big(f(P) - f(P_0)\big)/s\text{,}\) displayed above the figure, approaches
\(\left(D_{\mathbf u} f\right)_{P_0}\text{.}\) Drag the figure to view it from a different angle, or press βRotateβ to spin it.