The Gradient

∇f — Direction of Steepest Ascent

Scalar Function f(x, y)

f =

Concept Presets

Display

Scalar Field Heatmap

Level Curves (f = const)

Gradient Arrows ∇f

Grid & Axes

Settings

Arrow Density 15

Level Curve Count 15

Inspect Point

Or hover/click on the canvas to pin a point

Enter coordinates or click on canvas

Actions

Controls

Scroll Zoom in/out
Drag Pan the view
R Reset view
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²

Background Color = f(x,y)

Low ← f value → High

Arrow Color = |∇f| (steepness)

Gentle slope Steep slope

x: 0.00 y: 0.00 | f = 0.00 | ∇f = (0.00, 0.00) | – FPS