← Calculus

Math · 7 min · Interactive lesson

Is an integral an area?

  • Calculus

Build an area from thin rectangles, then shrink one extra strip to see why integration and differentiation undo each other.

A definite integral measures signed area between a curve and the horizontal axis. For a curve above the axis, that is the ordinary area underneath it.

Start with the blue curve f(x)=x2f(x)=x^2. Imagine coloring the region underneath it green, from 0 to a movable endpoint xx. As you move the endpoint to the right, the green region grows. Call its area A(x)A(x).

There are two quantities to keep track of: the curve’s height, f(x)f(x), and the area accumulated so far, A(x)A(x).

Build the area from rectangles

Divide the interval from 0 to xx into equal pieces. On each piece, draw a rectangle whose height is the curve’s height at the left edge. Each rectangle contributes:

rectangle area=height×width\text{rectangle area}=\text{height}\times\text{width}

Add those areas to estimate the green region. Try 4 rectangles, then 16 rectangles, then 128 rectangles.

Build the area under x²
Area under f(x) = x² from 0 to 34 left-edge rectangles estimate the area as 5.906. The exact area is 9.000.49162001234f(x) = 9.00tf(t) = t²

Blue: curve heightGreen: area and rectangles

Rectangle sum5.9064 left-edge rectangles
Exact area A(x)9.000x³ / 3
Missing area3.094exact area − rectangle sum

Narrower rectangles leave less area uncovered. Their sum approaches the integral.

Because x2x^2 increases on this interval, these left-edge rectangles underestimate the area. Increasing the rectangle count makes them narrower and brings the sum closer to the exact area.

The integral is the limit of these sums as the widths approach zero:

A(x)=∫0xt2 dt=x33(x≥0)A(x)=\int_0^x t^2\,dt=\frac{x^3}{3}\qquad(x\geq 0)

The lower limit, 0, says where accumulation starts. The upper limit, xx, says where it stops. The letter tt is a temporary position inside the interval; using it keeps that position separate from the endpoint xx. The dtdt indicates that we integrate with respect to tt.

At x=3x=3:

A(3)=333=9A(3)=\frac{3^3}{3}=9

The green area is 9 square units. The curve’s height is also 9 here, but that numerical match is a coincidence: at x=2x=2, the height is 4 while the area is 8/38/3.

Move the endpoint: one extra strip

What happens when we move from xx to x+Δxx+\Delta x? We add a thin strip on the right. Its exact area is:

ΔA=A(x+Δx)−A(x)\Delta A=A(x+\Delta x)-A(x)

For a small positive Δx\Delta x, the height barely changes across the strip. Treating it as a rectangle gives:

ΔA≈f(x) Δx=x2 Δx\Delta A\approx f(x)\,\Delta x=x^2\,\Delta x

Keep the endpoint at 3 in the explorer below. Try Δx = 0.1, then Δx = 0.001. Watch the area gained per unit of horizontal movement approach 9.

One extra strip of area
Area under f(x) = x² from 0 to 3The curve's height is 9.000. An extra width of 0.5 adds 5.291666667 of area. The added area divided by the width is 10.583333.49162001234f(x) = 9.00tf(t) = t²

Blue: curve heightGreen: accumulated areaOrange: added strip

Extra strip enlarged horizontally: width 0.5, left height 9.000, right height 12.250x² = 9.00(x + Δx)²Δx = 0.5

Strip enlarged horizontally; height scaled separately. Dashed rectangle: the estimate x² Δx.

Added area ΔA5.291666667A(x + Δx) − A(x)
Average height ΔA / Δx10.583333over this finite strip
Instantaneous rate A′(x)9.000equals the curve height x²

The average height is 1.583333 above x². Shrinking Δx makes that difference approach zero, even though the added area also shrinks.

At x=3x=3 and Δx=0.001\Delta x=0.001, the rectangle estimate is:

ΔA≈9×0.001=0.009\Delta A\approx 9\times 0.001=0.009

The exact added area is 0.009003000333…0.009003000333\ldots. The small extra amount comes from the curve rising across the strip.

We use Δx\Delta x and ΔA\Delta A for these finite changes. Derivative notation, dA/dxdA/dx, names the limiting rate as the horizontal change shrinks to zero.

Why divide the added area by the width?

The ratio ΔA/Δx\Delta A/\Delta x asks: how much area do we gain per unit of horizontal movement?

For our narrow rectangle:

ΔAΔx≈x2 ΔxΔx=x2\frac{\Delta A}{\Delta x}\approx\frac{x^2\,\Delta x}{\Delta x}=x^2

Dividing an area by its width leaves a height. For a finite strip, the ratio is the average height across that strip. As the width approaches zero, that average approaches the curve’s height at the endpoint:

A′(x)=lim⁡Δx→0A(x+Δx)−A(x)Δx=x2=f(x)A'(x)=\lim_{\Delta x\to 0}\frac{A(x+\Delta x)-A(x)}{\Delta x}=x^2=f(x)

You can also see the approximation become exact by expanding the cubes:

(x+Δx)3/3−x3/3Δx=x2+x Δx+(Δx)23\frac{(x+\Delta x)^3/3-x^3/3}{\Delta x} =x^2+x\,\Delta x+\frac{(\Delta x)^2}{3}

The last two terms vanish as Δx\Delta x approaches zero, leaving x2x^2.

The Fundamental Theorem of Calculus

The same relationship holds for any continuous function ff:

A(x)=∫axf(t) dt⟹A′(x)=f(x)A(x)=\int_a^x f(t)\,dt \quad\Longrightarrow\quad A'(x)=f(x)

The rate at which the accumulated area changes equals the height of the original curve. This is the accumulation part of the Fundamental Theorem of Calculus.

It also gives a practical way to calculate definite integrals. If F′(x)=f(x)F'(x)=f(x), then:

∫abf(x) dx=F(b)−F(a)\int_a^b f(x)\,dx=F(b)-F(a)

For f(x)=x2f(x)=x^2, an antiderivative is F(x)=x3/3F(x)=x^3/3. That is why the area from 0 to 3 is F(3)−F(0)=9F(3)-F(0)=9.

Height and slope are different

There are two different derivatives in this example:

QuantityFormulaAt x=3x=3What it measures
Curve heightf(x)=x2f(x)=x^29The value of the blue curve
Curve’s derivativef′(x)=2xf'(x)=2x6How quickly the blue curve’s height changes
Area’s derivativeA′(x)=x2A'(x)=x^29How quickly the green area grows

So A′(3)=9A'(3)=9 is the slope of the area function AA, and it equals the height of the blue curve ff. The slope of the blue curve itself is f′(3)=6f'(3)=6.

Think of water flowing into a tank. If f(t)f(t) is the flow rate in liters per second, then ∫0xf(t) dt\int_0^x f(t)\,dt is the amount added over xx seconds, in liters. Differentiating that accumulated amount recovers the flow rate.

What if the curve goes below the axis?

With limits running from left to right, regions below the horizontal axis contribute negatively. For example:

∫02(t−1) dt=0\int_0^2 (t-1)\,dt=0

The negative triangle from 0 to 1 cancels the positive triangle from 1 to 2. Their total geometric area is 1 square unit, but their signed area is 0. To measure total geometric area, integrate the absolute value of the function.

Beyond geometric area

Integration accumulates continuously varying quantities. For a continuous random variable with probability density pp:

P(a≤X≤b)=∫abp(t) dtP(a\leq X\leq b)=\int_a^b p(t)\,dt

Here, an area under the density curve represents a probability. An expected value accumulates each possible value weighted by its density:

E[X]=∫−∞∞t p(t) dt\mathbb E[X]=\int_{-\infty}^{\infty} t\,p(t)\,dt

This formula assumes the expectation exists. Probability and expectations are two ways this same idea of continuous accumulation appears in machine learning.

Check your understanding

Try five questions about area, thin strips, and rates of change. Select an answer, then use Check answer to see the reasoning. You can revisit a question and try again.

Question 1 of 50 checked · 0 correct
For f(x) = x², at x = 2, which pair gives the curve height and the area accumulated from 0?

Keep learning

To explore derivatives as slopes and see how they guide neural-network training, continue with The derivative: slope at a point.