Visual Tools
Calculators
Tables
Mathematical Keyboard
Converters
Other Tools


Fundamental Theorem of Calculus

How to use
  1. The Function picker on the left lists six functions in two groups, Polynomial and Transcendental; tapping one switches ff and its accumulator FF and resets aa to 00 and xx to 22. Learn more about the function families
  2. The Display checkboxes f(t), F(x) and area show or hide the solid integrand, the dashed accumulator and the shading; the legend under the plot lists only what is visible. Learn more about the display toggles
  3. The Parameters sliders set lower bound a and upper bound x, the moving point, both from −5-5 to 55; Reset puts them back at a=0a = 0, x=2x = 2. Learn more about the a and x sliders
  4. Accent color under Appearance recolours the sliders, the card and the Applied chips; the Reset next to it returns to blue. Learn more about the accent color
  5. The S, M, L and XL buttons above the plot set its size. Learn more about plot size
  6. The shaded region runs under ff from aa to xx; it counts negative where ff is below the t-axis and flips sign when xx is left of aa. Learn more about the shaded area
  7. The At the moving point x card shows Area, F(x) and f(x) = F'(x); the first two always match, and the third is the slope of FF at xx. Learn more about the at-the-point card
  8. The info panel has two tabs: Explanation gives the chosen function, its accumulator and the current values; Concepts walks through both parts of the theorem. Learn more about the info panel


Quadraticf(t) = t²F(x) = x³/3 − a³/3
×
880 × 460
f(t) = t² (integrand)F(x) = ∫ₐˣ f(t) dt (accumulator)shaded area
At the moving point xx = 2  (a = 0)
Area ∫ₐˣ f(t) dt
2.667
shaded region under f
F(x)
2.667
height on F
f(x) = F'(x)
4
slope of F at x
The shaded area from a to x equals the height of F at x; and the slope of F at x equals f(x).FTC
Applieda=0x=2F'(x) = f(x)





Key Terms



Key Terms

Fundamental Theorem of Calculus (FTC) — the statement that differentiation and integration are inverse operations. Has two parts: Part 1 says the derivative of an accumulator function equals the integrand; Part 2 gives a way to compute definite integrals using antiderivatives.

Integrand — the function f(t)f(t) being integrated. The curve whose area you are accumulating.

Accumulator function — the function F(x)=∫axf(t) dtF(x) = \int_a^x f(t)\, dt. It returns the signed area under ff from a fixed lower bound aa to the moving upper bound xx.

Antiderivative — any function GG with G′(x)=f(x)G'(x) = f(x). Antiderivatives differ by a constant; the accumulator is one specific antiderivative pinned by F(a)=0F(a) = 0.

Definite integral — the signed area ∫abf(t) dt\int_a^b f(t)\, dt. Computed via Part 2 as G(b)−G(a)G(b) - G(a) for any antiderivative GG.

Signed area — area counted positively where f>0f > 0 and negatively where f<0f < 0.

Getting Started

The page opens with the Quadratic family f(t)=t2f(t) = t^2 loaded, the lower bound aa parked at 00, and the upper bound xx at 22. You see three things together on the graph:

• The solid blue curve of ff (the integrand).

• The dashed deep-blue curve of FF (the accumulator).

• The shaded region between ff and the t-axis from aa to xx.

Two thin vertical lines mark aa and xx on the t-axis. Marker dots sit on ff and FF at the upper bound xx.

The boxed card below the graph displays three numbers: the shaded area, the height F(x)F(x), and the value f(x)=F′(x)f(x) = F'(x). The first two always match. The third is the slope of FF at xx.

To explore quickly, drag the upper bound x slider and watch every part of the picture update at once.

The Function Families

DemoThe function families
Step 0 of 5
Six families are organized into two groups in the left panel, each shipped with a closed-form antiderivative.

Polynomial:

• Identity — f(t)=tf(t) = t, F(x)=x2/2−a2/2F(x) = x^2/2 - a^2/2. The simplest case where signed area depends on whether x>ax > a or x<ax < a.

• Quadratic — f(t)=t2f(t) = t^2, F(x)=x3/3−a3/3F(x) = x^3/3 - a^3/3. The power rule in its cleanest form.

• Cubic — f(t)=t3f(t) = t^3, F(x)=x4/4−a4/4F(x) = x^4/4 - a^4/4. Odd integrand; useful for seeing how negative regions cancel positive ones.

Transcendental:

• Sine — f(t)=sin⁡tf(t) = \sin t, F(x)=−cos⁡x+cos⁡aF(x) = -\cos x + \cos a. Periodic accumulator with bounded swings.

• Cosine — f(t)=cos⁡tf(t) = \cos t, F(x)=sin⁡x−sin⁡aF(x) = \sin x - \sin a. Same period; accumulator is a sine.

• Exponential — f(t)=etf(t) = e^t, F(x)=ex−eaF(x) = e^x - e^a. The accumulator grows the same way the integrand does.

Identity: Area That Grows Like a Triangle

With f(t)=tf(t) = t, a=0a = 0 and x=2x = 2, the shaded region is a right triangle of base 22 and height 22, so its area is 22 — and the accumulator reads F(2)=2F(2) = 2 to match.

Geometry gives the whole answer here without any integration: F(x)=12⋅x⋅x=x22F(x) = \frac{1}{2} \cdot x \cdot x = \frac{x^2}{2}, a parabola. The dashed F curve on the graph is exactly that parabola.
-4 -2 2 4 -8 -6 -4 -2 2 4 6 8 10 12 14 x y f(t) = t F(x) = x²/2 − a²/2
Identity, frozen at a = 0, x = 2

The shaded region is a triangle of area 2, and the dashed accumulator passes through height 2 at x = 2. A straight integrand gives a parabolic F.

This family is the cleanest illustration of Part 1. Differentiate the area function and you get ddx(x22)=x\frac{d}{dx}\left(\frac{x^2}{2}\right) = x, which is the integrand you started with. The slope of the dashed curve at any xx equals the height of the solid one at that same xx.

It also shows why a straight integrand produces a curved accumulator. Area accrues faster as xx grows, because each new sliver is taller than the last — so F bends upward even though f does not.

Quadratic: the Tool's Opening State

f(t)=t2f(t) = t^2 from a=0a = 0 to x=2x = 2. The shaded area works out to

∫02t2,dt=233=83≈2.667\int_0^2 t^2,dt = \frac{2^3}{3} = \frac{8}{3} \approx 2.667

and F(2)F(2) reads the same. Note that f(2)=4f(2) = 4 while F(2)=2.667F(2) = 2.667: the two markers sit at different heights, and they are measuring different things.
-5 5 -20 -15 -10 -5 5 10 15 20 x y f(t) = t² F(x) = x³/3 − a³/3
Quadratic, frozen at a = 0, x = 2

Two markers at different heights on the same vertical: f(2) = 4 is a height, F(2) = 2.667 is an accumulated area. The slope of the dashed curve there is 4, not 2.667.

That difference is the point most worth pinning down. f(x)f(x) is a height — how tall the integrand is at xx. F(x)F(x) is an accumulated area — everything collected between aa and xx. They share an xx and nothing else.

What connects them is the slope. The dashed F curve is steepest where the solid f curve is tallest, and F′(2)=f(2)=4F'(2) = f(2) = 4 exactly. Reading the two curves that way — heights on one, slopes on the other — is what makes Part 1 visible rather than symbolic.

Cubic: a Faster Integrand, a Faster Accumulator

f(t)=t3f(t) = t^3 on [0,2][0, 2] gives

∫02t3,dt=244=4\int_0^2 t^3,dt = \frac{2^4}{4} = 4

with f(2)=8f(2) = 8. The accumulator is F(x)=x4/4F(x) = x^4/4, which climbs steeply once past x=1x = 1.
-5 5 -20 -15 -10 -5 5 10 15 20 x y f(t) = t³ F(x) = x⁴/4 − a⁴/4
Cubic, frozen at a = 0, x = 2

f(2) = 8 with an accumulated area of 4. F(x) = x⁴/4 climbs sharply past x = 1, and stays positive on the left of the axis even though the integrand is negative there.

Integrating raises the degree by one, every time: tt accumulates to x2/2x^2/2, t2t^2 to x3/3x^3/3, t3t^3 to x4/4x^4/4. That is the power rule running backwards, and the three polynomial families lay it out in order.

There is a detail the negative side of the graph makes visible. For x<0x < 0 the cubic is below the axis, so area accrues negatively — yet F(x)=x4/4F(x) = x^4/4 is positive there. No contradiction: with x<0=ax < 0 = a the integral runs backwards, and the two sign reversals cancel. The signed area discussion covers the bookkeeping.

Sine: an Accumulator That Turns Around

f(t)=sin⁡(t)f(t) = \sin(t) from 00 to 22. The area comes to

∫02sin⁡(t),dt=−cos⁡(2)+cos⁡(0)≈1.416\int_0^2 \sin(t),dt = -\cos(2) + \cos(0) \approx 1.416

with f(2)≈0.909f(2) \approx 0.909. Here F(x)=1−cos⁡(x)F(x) = 1 - \cos(x), a shifted cosine wave.
-5 -4 -3 -2 -1 1 2 3 4 5 -1 1 2 x y f(t) = sin(t) F(x) = −cos(x) + cos(a)
Sine, frozen at a = 0, x = 2

Area 1.416 collected so far, with the integrand at 0.909 and falling. Past x = π the shaded slivers go negative and the dashed accumulator turns back down.

The interesting behaviour is just past x=πx = \pi. There the sine drops below the axis, each new sliver of area is negative, and the accumulator stops rising and begins to fall — even though it is still positive.

That turning point is Part 1 again, read in reverse: F has a maximum exactly where ff crosses zero going downward, because F′=fF' = f and a maximum needs F′=0F' = 0. Every zero of the integrand is a critical point of the accumulator.

Cosine: Where the Two Curves Swap Roles

f(t)=cos⁡(t)f(t) = \cos(t) on [0,2][0, 2] accumulates to

∫02cos⁡(t),dt=sin⁡(2)−sin⁡(0)≈0.909\int_0^2 \cos(t),dt = \sin(2) - \sin(0) \approx 0.909

while f(2)=cos⁡(2)≈−0.416f(2) = \cos(2) \approx -0.416 — the integrand has already gone negative, though the accumulated total is still comfortably positive.

The accumulator is F(x)=sin⁡(x)F(x) = \sin(x), so this family draws a cosine and a sine on the same axes.
-5 -4 -3 -2 -1 1 2 3 4 5 -1 1 x y f(t) = cos(t) F(x) = sin(x) − sin(a)
Cosine, frozen at a = 0, x = 2

The integrand has already gone negative at -0.416 while the running total is still +0.909. The accumulator here is exactly sin(x) - the two curves are the familiar pair, swapped.

Compare this state against the sine family and the pairing becomes obvious: there the integrand was sin⁡\sin and the accumulator a shifted cos⁡\cos; here the integrand is cos⁡\cos and the accumulator is sin⁡\sin. Differentiation and integration walk the same cycle in opposite directions.

The negative readings also make the sign convention concrete. Between π/2\pi/2 and 22 the shaded region lies below the axis and is subtracted, which is why the total of 0.9090.909 is smaller than the area of the visible region above the axis alone.

Exponential: Accumulator and Integrand Almost Coincide

f(t)=etf(t) = e^t from 00 to 22 gives

∫02et,dt=e2−1≈6.389\int_0^2 e^t,dt = e^2 - 1 \approx 6.389

against f(2)=e2≈7.389f(2) = e^2 \approx 7.389. The two differ by exactly 11, and they will differ by exactly 11 at every xx.
-4 -2 2 4 -2 2 4 6 8 10 12 14 16 x y f(t) = eᵗ F(x) = eˣ − eᵃ
Exponential, frozen at a = 0, x = 2

f(2) = 7.389 against F(2) = 6.389 - a gap of exactly 1, and the same gap at every x, because F(x) = eˣ - 1 is the integrand shifted down one unit.

That is the signature of the exponential. Since F(x)=ex−e0=ex−1F(x) = e^x - e^0 = e^x - 1, the accumulator is the integrand shifted down by one unit — the two curves on screen are parallel in the vertical sense, never converging or diverging.

It follows directly from f′=ff' = f. The only functions whose accumulated area matches their own height, up to a constant, are the exponentials, and the constant here is fixed by the starting point: F(a)=0F(a) = 0 always, so at a=0a = 0 the offset must be e0=1e^0 = 1.

The a and x Sliders

DemoThe a and x sliders
Step 0 of 5
The lower bound a slider sets the fixed starting point of integration. By construction F(a)=0F(a) = 0 — the accumulator passes through zero exactly at x=ax = a. Move aa and the whole FF curve shifts vertically; the integrand ff is unaffected.

The upper bound x slider sweeps the moving endpoint:

• The right edge of the shaded region tracks xx in real time.

• The marker dots on both curves slide to the new xx.

• The numeric card updates with the new area, the new F(x)F(x), and the new f(x)f(x).

Try setting a=0a = 0 and dragging xx from 00 rightward. The shaded area grows as xx grows, and the height of the FF curve climbs by exactly the same amount.

The Reset button next to the Parameters label restores the family's default aa and xx.

The Shaded Area

The shaded region between the integrand ff and the t-axis from aa to xx is the visual heart of the tool. Its signed area is what the definite integral ∫axf(t) dt\int_a^x f(t)\, dt computes.

A few things to notice as you slide xx:

• When f>0f > 0 on the interval, the shaded area is positive and grows.

• When f<0f < 0, the shaded area is negative — the integrand sits below the t-axis, and the integral subtracts that contribution.

• When the integrand crosses zero, the accumulator FF momentarily stops growing. A flat spot of FF — and a local maximum or minimum — sits exactly there.

• When a=xa = x, the shaded region collapses to a single point. Area is zero; F(a)=0F(a) = 0 by definition.

• Sliding xx to the left of aa flips the orientation, and the area enters with the opposite sign.

Reading the At-The-Point Card

DemoReading the card: area, F(x), slope
Step 0 of 5
The boxed card below the graph displays the three quantities at the moving point xx:

• Area — the signed area of the shaded region from aa to xx. Computed directly as ∫axf(t) dt\int_a^x f(t)\, dt.

• F(x) — the height of the accumulator curve at xx. Computed from the closed-form antiderivative.

• f(x) = F'(x) — the value of the integrand at xx, equal to the slope of FF at xx.

The first two numbers are always equal by construction — that's how FF is defined.

The third number is the punchline of Part 1 of the FTC: the slope of the accumulator at xx is exactly the integrand evaluated at xx. Differentiation undoes integration.

Read the row as you slide: left tells you the area piling up, middle tells you the same area as a height, right tells you how fast that pile is growing.

Display Toggles

DemoDisplay, plot size and info panel
Step 0 of 5
The Display section in the left panel hides individual layers when one is in the way:

• f(t) — toggles the integrand curve. Off, you see just the accumulator and the shaded area outline.

• F(x) — toggles the dashed accumulator curve. Off, the picture reduces to a classical area under f view without the FTC overlay.

• area — toggles the shaded fill. Off, the two function curves remain but the area visualization is gone.

The legend below the graph updates to show only the visible layers.

The Accent color picker at the bottom recolors the highlight throughout — slider track, verdict border, key labels — useful for screenshots or personal preference.

Plot Size and the Info Panel

The row of buttons above the plot sets its size: S is 500×400500 \times 400, M is 700×550700 \times 550, L is 900×850900 \times 850 and XL is 1100×8501100 \times 850 pixels. The page opens at 880×460880 \times 460, and the current size is printed next to the buttons. A new size redraws the same curves, shading and marker dots; the numbers in the card do not change.

The info panel on the right has two tabs.

• Explanation follows the controls. It names the function, gives the integrand f(t)f(t) and the accumulator F(x)F(x) as formulas, then under Right now lists the current aa and xx, the shaded area, F(x)F(x) and f(x)f(x), and closes with the two halves of the theorem. A short note at the end links to the matching family section on this page. The tab rewrites itself whenever you pick a function or move a slider.

• Concepts does not change with the controls. It explains the accumulator FF, what F′(x)F'(x) is, why Part 2 lets you evaluate an integral with any antiderivative, and what the picture shows.

For the three numbers in the card, see the at-the-point card.

What Is the FTC

The Fundamental Theorem of Calculus is the bridge between the two central operations of calculus: differentiation (slope of a curve) and integration (area under a curve). It says the two operations are inverses of each other.

The theorem has two parts, both essential.

Part 1 establishes that if you define a function by integrating ff from a fixed lower bound up to a moving upper bound, the derivative of that function recovers ff. Symbolically, if F(x)=∫axf(t) dtF(x) = \int_a^x f(t)\, dt, then F′(x)=f(x)F'(x) = f(x).

Part 2 uses Part 1 to give a practical way to compute definite integrals: pick any antiderivative GG of ff, and the integral ∫abf(t) dt\int_a^b f(t)\, dt equals G(b)−G(a)G(b) - G(a).

For full coverage of proofs and applications, see the fundamental theorem of calculus page.

Part 1 - The Accumulator

FTC Part 1. If ff is continuous on [a,b][a, b] and F(x)=∫axf(t) dtF(x) = \int_a^x f(t)\, dt for xx in [a,b][a, b], then FF is differentiable on (a,b)(a, b) and

F′(x)=f(x).F'(x) = f(x).


The intuition: push xx a little further right by Δx\Delta x. The shaded area grows by a thin strip of width Δx\Delta x and height roughly f(x)f(x). So ΔF≈f(x)⋅Δx\Delta F \approx f(x) \cdot \Delta x, which means F′(x)=f(x)F'(x) = f(x) in the limit.

This is the reason the accumulator is sometimes called the integral function — it shows that integration produces a function whose derivative is the original integrand. Differentiation undoes integration, point by point.

In the tool, you can verify this visually. Pick any xx, note the slope of the FF curve there (use the rate at which the dot is climbing), and compare it to the height of ff at the same xx. They match.

Part 2 - Evaluation

FTC Part 2. If ff is continuous on [a,b][a, b] and GG is any antiderivative of ff (so G′(x)=f(x)G'(x) = f(x) everywhere on the interval), then

∫abf(t) dt=G(b)−G(a).\int_a^b f(t)\, dt = G(b) - G(a).


This is the practical workhorse of integration. Without it, computing a definite integral would mean summing the areas of infinitely many thin rectangles. With it, you find an antiderivative — usually by reversing a differentiation rule — and evaluate at the endpoints.

For example, to compute ∫02t2 dt\int_0^2 t^2\, dt:

• Find an antiderivative: G(t)=t3/3G(t) = t^3/3 works.

• Evaluate at the endpoints: G(2)−G(0)=8/3−0=8/3G(2) - G(0) = 8/3 - 0 = 8/3.

That's exactly what the tool reports when you load the Quadratic family with a=0a = 0 and x=2x = 2.

For deeper coverage of integration techniques and antiderivative tables, see the integration techniques page.