Skip to content
MathCalculusIntroStarter track

Concept module

Integral as Accumulation / Area

Move one upper bound across a source curve and watch signed area build into a running total so accumulation stays visual instead of symbolic.

The simulation shows a source curve on a coordinate plane with a draggable upper-bound point. Signed area from 0 to that bound is shaded directly on the source graph, and a second smaller graph shows the matching accumulated amount A(x). Moving the bound updates the source height, the signed area, and the accumulation point together so the learner can compare the local source value with the running total. At x = 1.6, the source height is 0.15 and the accumulated amount from 0 to x is 1.14. The source height is positive here, so moving the bound slightly to the right adds positive area. The running total is still positive overall.

Interactive lab

Keep the stage, graph, and immediate control feedback in one working view.

Integral as accumulation

Drag the upper-bound point to grow or shrink the running total.

-3-2-10123-2-1012xheightSource heightSigned areaupper bound = 1.6-202-2-1012xA(x)Accumulation graphRunning totalLivex1.6f(x)0.15A(x)1.14A'(x)0.15Positive source height means moving right adds area.The accumulated amount is still net positive.

Graphs

Switch graph views without breaking the live stage and time link.

Source function

Shows the original curve whose signed area is being accumulated.

x: -3.2 to 3.2f(x): -2.8 to 1.4
Source height
Source functionShows the original curve whose signed area is being accumulated.-3.2-1.601.63.2-2.8-1.75-0.70.351.4xf(x)
Hover or scrub to link the graph back to the stage.x / f(x)

Controls

Adjust the physical parameters and watch the motion respond.

1.6

Move the current endpoint that sets how much signed area has been accumulated.

More tools

Secondary controls, alternate presets, and less-used toggles stay nearby without crowding the main bench.

Show

More presets

Presets

Predict -> manipulate -> observe

Keep the active prompt next to the controls so each change has an immediate visible consequence.

ObservationPrompt 1 of 3
While the source curve stays above the axis, moving the bound to the right keeps adding positive area and the running total rises.

Equation map

See each variable before you move it.

Select a symbol to highlight the matching control and the graph or overlay it most directly changes.

Upper bound
1.6

Moves the current endpoint that controls both the signed area on the source graph and the matching point on the accumulation graph.

Graph: Source functionGraph: Accumulation graphOverlay: Signed area shadingOverlay: Bound guideOverlay: Accumulation point

Equations in play

Choose an equation to sync the active symbol, control highlight, and related graph mapping.

More tools

Detailed noticing prompts, guided overlays, and challenge tasks stay available without taking over the main bench.

Hide

What to notice

Use the live prompts to keep the source curve and the accumulation graph telling one story.

ObservationPrompt 1 of 3
Graph: Source function
While the source curve stays above the axis, moving the bound to the right keeps adding positive area and the running total rises.
Control: Upper boundGraph: Source functionGraph: Accumulation graphOverlay: Signed area shadingOverlay: Accumulation pointEquation

Guided overlays

Focus one overlay at a time to see what it represents and what to notice in the live motion.

3 visible

Overlay focus

Signed area shading

Shade the positive and negative area collected from 0 to the current bound.

What to notice

  • Area above the axis adds to the running total, while area below the axis subtracts from it.

Why it matters

It keeps the integral tied to accumulation instead of turning it into a detached symbol.

Control: Upper boundGraph: Source functionEquation

Challenge mode

Use the source curve and accumulation graph together. The challenge is to hold onto the distinction between local height and total accumulation, even when the signs look like they should agree.

0/1 solved
ConditionCore

4 of 7 checks

Negative height, positive total

Move the bound into a region where the source height is already negative, but the running total is still positive overall.
Graph-linkedGuided start2 hints

Suggested start

Watch the source height, the shaded area, and the accumulation point together while you move the bound.
Pending
Open the Accumulation graph graph.
Source function
Matched
Keep the Signed area shading visible.
On
Matched
Keep the Bound guide visible.
On
Matched
Keep the Accumulation point visible.
On
Pending
Place the upper bound in the negative-tail window between and .
1.6
Pending
Make the current source height clearly negative, between and .
0.15
Matched
Keep the accumulated amount positive, between and .
1.14

The checklist updates from the live simulation state, active graph, overlays, inspect time, and compare setup.

At x = 1.6, the source height is 0.15 and the accumulated amount from 0 to x is 1.14. The source height is positive here, so moving the bound slightly to the right adds positive area. The running total is still positive overall.
Equation detailsDeeper interpretation, notes, and worked variable context.

Accumulation rule

Defines the accumulated amount as the signed area gathered from the starting bound 0 up to the current bound x.

Upper bound 1.6

Accumulation slope

Says the local slope of the accumulation graph matches the current source height.

Upper bound 1.6

Small-step accumulation

For a small move in x, the change in the running total is approximately a thin rectangle with height f(x).

Upper bound 1.6

Progress

Not startedMastery: NewLocal-first

Start exploring and Open Model Lab will keep this concept's progress on this browser first. Challenge mode has 1 compact task ready. No finished quick test, solved challenge, or completion mark is saved yet.

Let the live model runChange one real controlOpen What to notice

Try this setup

Stable concept and section links stay public below while exact-state setup sharing stays behind premium.

Premium

Exact-state setup sharing

Stable concept and section links stay available below. Premium copies the live bench state, compare labels, overlays, inspect time, and public experiment-card payload into reusable setup links.

You can sign in if you want this tied to an account later, but signing in alone does not upgrade the account.

Stable links

Starter track

Step 3 of 30 / 3 complete

Functions and Change

Earlier steps still set up Integral as Accumulation / Area.

1. Graph Transformations2. Derivative as Slope / Local Rate of Change3. Integral as Accumulation / Area

Previous step: Derivative as Slope / Local Rate of Change.

Short explanation

What the system is doing

An integral becomes easier to trust when it behaves like a running total instead of a mysterious antiderivative symbol. This module keeps one source curve, one movable upper bound, and the signed area from 0 to x visible together so accumulation feels like a changing quantity you can watch.

The most important distinction is that the source height is local while the accumulated amount is total. A point on the source curve tells you how fast the total is changing right now, but the accumulation graph records everything that has already been gathered from the start up to the current bound.

Key ideas

01The accumulated amount A(x) is the signed area collected from 0 to the current upper bound.
02Positive source height makes the running total increase, while negative source height makes it decrease.
03The local slope of the accumulation graph matches the current source height, which is why rate and accumulation fit together.

Worked example

Read the full frozen walkthrough.

Frozen walkthrough
Use the current bound from the live graph. The same bound controls the shaded area, the accumulation graph, and these substitutions.

Live worked examples are available on Premium. You can still read the full frozen walkthrough on the free tier.

View plans
Frozen valuesUsing frozen parameters

For the current upper bound, what accumulated amount has been built from 0 to x?

Upper bound

1.6

1. Read the active bound on the source graph

The current upper bound is x = 1.6, and the source height there is f(x) = 0.15.

2. Read the matching point on the accumulation graph

At that same x-value, the accumulation graph shows A(x) = 1.14.

3. Connect the local slope to the source height

Because A'(x) = f(x), the accumulation graph has local slope 0.15 at this point.

Current accumulated amount

The signed area collected from 0 up to this bound is still net positive.

Common misconception

If the source height is large at a point, then the accumulated amount must be large for the same x-value.

The source height is only the current vertical value on the original graph.

The accumulated amount is a running total of everything gathered from 0 up to that bound, so it can stay large even when the current height is small or negative.

Mini challenge

Move the upper bound until the source height is negative but the accumulated amount is still positive.

Prediction prompt

Decide whether you need to move just past the positive region or much farther into the negative region before you test it.

Check your reasoning

You need a bound where the curve has already dropped below the axis but the earlier positive signed area has not been fully cancelled yet.
That is the cleanest way to see that current height and total accumulation are different quantities. The local contribution can be negative while the running total still remembers the earlier positive area.

Quick test

Graph reading

Question 1 of 3

Use the source graph and the accumulation graph together. These checks are about the meaning of the running total, not just the symbol.

If the source height is zero at a bound, what is the cleanest conclusion about the accumulation graph there?

Choose one answer to reveal feedback, then test the idea in the live system if a guided example is available.

Accessible description

The simulation shows a source curve on a coordinate plane with a draggable upper-bound point. Signed area from 0 to that bound is shaded directly on the source graph, and a second smaller graph shows the matching accumulated amount A(x).

Moving the bound updates the source height, the signed area, and the accumulation point together so the learner can compare the local source value with the running total.

Graph summary

The source-function graph shows the current height that controls whether new area adds or subtracts. The accumulation graph shows the running total built from that signed area.

The two graphs are linked point-for-point: the x-value matches across both, and the local slope of the accumulation graph matches the source height.