Vismo · Create · Explore · Topics · Guides · Pricing

Gradient of a Function

An animation building intuition for the gradient, starting from the familiar derivative of a single-variable function as the slope of a tangent line at a point. The function is then generalized to three variables, and its three partial derivatives are introduced one at a time before combining into the gradient vector notation. The sequence closes on the key idea that the gradient is a vector, useful for students beginning multivariable calculus or mathematical physics.

Narrated · 16:9 · Preview before teaching · automatic layout checks do not establish subject accuracy

The prompt that made it

Start with the title “Gradient of a function”. First, visually explain the derivative of a one-variable function. Draw x-y axes and a smooth curve f(x). Place a point A on the curve and construct the tangent line at A. Show that f'(x_A) represents the slope of this tangent. Then transform the notation f(x) into f(x,y,z) to introduce a function of several variables. Show the three partial derivatives one after another: ∂f/∂x ∂f/∂y ∂f/∂z Then animate these three expressions moving together to form the gradient vector: ∇f = (∂f/∂x, ∂f/∂y, ∂f/∂z)^T End with the statement: “The gradient is a vector.” The goal is visual intuition rather than a worked numerical example. Equations should be constructed progressively through animation instead of simply appearing. Audience: University-level students learning multivariable calculus and mathematical physics. Teaching plan: Start with the title “Gradient of a function”. First, visually explain the derivative of a one-variable function. Draw x-y axes and a smooth curve f(x). Place a point A on the curve and construct the tangent line at A. Show that f'(x_A) represents the slope of this tangent. Then transform the notation f(x) into f(x,y,z) to introduce a function of several variables. Show the three partial derivatives one after another: ∂f/∂x ∂f/∂y ∂f/∂z Then animate these three expressions moving together to form the gradient vector: ∇f = (∂f/∂x, ∂f/∂y, ∂f/∂z)^T End with the statement: “The gradient is a vector.” The goal is visual intuition rather than a worked numerical example. Equations should be constructed progressively through animation instead of simply appearing.

Make your own version

Make the next one in this series

Related animations

Where e comes from: compounding more and more often
Where e comes from: compounding more and more often

This animation tracks one dollar growing under 100% annual interest as the number of compounding periods incre…

Gradient descent: walk downhill on the loss
Gradient descent: walk downhill on the loss

A ball rolls along the parabola L(w) = (w-3)^2 + 1, starting at w = -1 and updating via w <- w - eta dL/dw wit…

The harmonic series diverges
The harmonic series diverges

Bars representing 1/n shrink toward zero, illustrating why it seems the sum should settle down. The animation …

The squeeze theorem: why sin x / x tends to 1
The squeeze theorem: why sin x / x tends to 1

This animation visualizes why sin x / x approaches 1 as x approaches 0, even though the function itself is und…

Optimization: the biggest rectangle for a fixed perimeter
Optimization: the biggest rectangle for a fixed perimeter

An animation shows a rectangle with fixed perimeter 20 changing shape as its width varies, tracing the area fu…

Newton's method: follow the tangent to the root
Newton's method: follow the tangent to the root

Starting from x0 = 2.5 on f(x) = x^2 - 2, this animation draws each tangent line and follows it down to the x-…