The Gradient

∇f — Direction of Steepest Ascent

Scalar Function f(x, y)

f =

Concept Presets

Display

Surface z = f(x,y)

Level Curves (base plane)

Gradient Arrows ∇f

Axes & Grid

ON SURFACE (intuitive view)

Level Curves on Surface

Gradient Arrows on Surface

Live Gradient at Cursor

Settings

Arrow Density 8

Level Curve Count 15

Inspect Point

Or hover/click on the base plane

Enter coordinates or click on canvas

Actions

Controls

Left-drag Orbit camera
Right-drag Pan
Scroll Zoom
R Reset camera
Enter Apply function
Supported: sin cos tan exp log sqrt abs
atan2 min max pow sinh cosh tanh
Constants: pi, e
Variables: x, y, r, theta

f(x,y) = x² + y²

Surface Color = f(x,y)

Low ← f value → High

Arrow Color = |∇f| (steepness)

Gentle slope Steep slope

Hover for coords | f = – | ∇f = (–, –) | – FPS