← Derivatives, Made Simple
A Visual Guide for Beginners

What is a Derivative?

No scary formulas to start. Just pictures, sliders, and one big idea: how fast something is changing. Drag everything. Break nothing.

scroll down to begin
First, the foundation

A function is a little machine

Before derivatives, we need functions. A function is just a rule: you put a number in, it gives a number out. Same input → always the same output.

Here's the machine for the rule f(x) = x² ("square the input"). Slide the input and watch:

input x
3
f(x) = x²
square it
output f(x)
9

Now the cool part: every input/output pair is a point we can draw. Collect all of them and you get a graph — a picture of the function. The slider below drops the point onto the graph.

x = 2.0
f(x) = x² = 4.0

↑ Move the slider. The red curve is the function. The dot is "where you are" right now.

A function = an input → output rule. Its graph is the picture of that rule.

The whole point

Everything we care about is changing

Speed is how your position changes. Your bank balance grows or shrinks. A hill gets steeper, then flatter. Temperature rises and falls.

Math has one tool whose entire job is to answer: "how fast is this changing, right now?" That tool is the derivative. Keep that sentence in your head — it's the whole course.

the one big idea ✦

A derivative tells you the rate of change of a function at a single instant — in pictures, it's the steepness (slope) of the graph at a point.

Build-up

Warm-up: the slope of a straight line

You already know slope! It's "rise over run" — how much you go up for every step you take across.

Steeper line = bigger slope. Drag the slider to tilt the line and watch the slope number. Going downhill? Slope is negative. Flat? Slope is zero.

rise = 2.0
run = 1.0
slope = rise / run = 2.0

Going uphill — positive slope.

For a straight line the slope is the same everywhere. Easy. Curves are where it gets interesting…

The problem

But a curve's steepness keeps changing

Walk along a curvy hill. Sometimes you climb steeply, sometimes gently, sometimes you go down. A curve doesn't have one slope — it has a different slope at every point.

So how do we measure steepness at a single spot on a curve? Here's the trick that started all of calculus…

The trick, part 1

Zoom in close enough, and a curve looks straight

This is the secret. Pick a point on a curve. Now zoom in… and keep zooming. The bend disappears. Up close, the curve looks like a straight line — and straight lines, we can handle!

zoom =
the straight line it becomes = the tangent line

Crank the zoom all the way up. The wiggly curve flattens into a single straight line.

That straight line the curve "becomes" when you zoom in is called the tangent line. And its slope is the derivative at that point. That's it. That's the definition, in a picture.

Derivative at a point = slope of the tangent line (the line the curve becomes when you zoom in).

The big payoff

Meet the tangent line — drag it around

The green line below "kisses" the curve at the dot and matches its steepness there. Drag the dot along the curve and watch the slope number change.

point x = -2.6
slope of tangent = +1.3

Climbing uphill → slope is positive.

Read the slope like a story 📖

Slope > 0 → curve is going uphill (function increasing).

Slope = 0 → curve is flat — the very top of a hill or bottom of a valley.

Slope < 0 → curve is going downhill (function decreasing).

Bigger number (like +5) → steeper. Small number (like +0.2) → gentle.

Where the formula comes from (gently)

How we actually compute it: shrink the gap

To find slope you need two points. But a tangent touches only one spot! The fix: take a second point nearby, draw the line between them (a secant line), then slide that second point closer and closer.

As the gap (we call it h) shrinks toward zero, the secant line lines up perfectly with the tangent. Slide h down and watch the secant snap onto the green tangent — and the slope settle on its final value.

gap h = 3.00
secant slope =
heading toward → 1.00

Drag h toward zero. The orange secant becomes the green tangent. That limiting slope is the derivative.

In symbols this idea is written:

f '(x) = limit, as h → 0, of  [ f(x+h) − f(x) ] / h

Don't panic — it's just rise over run ( the top is the rise, h is the run ) with the run squeezed to almost nothing. Same slope idea you've always known.

The reveal

The derivative is itself a new function

Here's the beautiful part. At every point the curve has a slope — so the slopes themselves form a brand-new function, written f '(x) ("f prime").

Drag the dot on the top graph (the function f). The bottom graph plots that slope. The height of the bottom dot = the steepness of the top curve. Watch them dance together.

f(x) value =
slope of f here = f '(x) =

Notice: where the top curve is flat (a hilltop/valley), the bottom graph crosses zero!

f tells you the value. f ′ tells you how fast f is changing. Two graphs, one story.

Why we learn it · #1

Where it's used: speed is a derivative

A car's position over time is a function. Its speed is the slope of that position graph — i.e. the derivative. Steep graph = moving fast. Flat graph = stopped.

distance travelled = 0 m
speed (the slope!) = 0 m/s

Watch the green tangent: where the distance graph is steep, the car is fast. Where it flattens, the car slows.

Your speedometer is literally computing a derivative every moment. So is acceleration (the derivative of speed).

Why we learn it · #2

Where it's used: finding the best point

Want the maximum profit, the highest point, the cheapest cost? At the very top of a hill (or bottom of a valley) the graph is momentarily flat — the slope is zero.

That's the superpower: to find the best outcome, find where the derivative equals 0. Slide to hunt for the peak — the dot turns gold when you've found the flat spot on top.

height =
slope =
keep looking…

When the slope hits 0, you're standing on the peak. That's how businesses, engineers and scientists optimize things.

Slope = 0 marks the tops, bottoms, and turning points. Derivatives = the math of "what's the best?"

Putting it together

Everything in one breath

You see…It means…
graph going upderivative is positive (+)
graph going downderivative is negative (−)
graph is flatderivative is zero — a peak/valley
graph is steepderivative is large
graph is gentlederivative is small

And one rule you'll use constantly (the "power rule"): the derivative of is 2x, of is 3x² — bring the power down front, drop it by one. But that's a formula for later. The picture is what matters: derivative = slope = rate of change.