Motion Graphs

3. Area Under a Graph

Learning outcomes
  • I can explain the significance of the area under a velocity-time graph.
  • I can calculate displacement from the area under a velocity-time graph.
  • I can calculate areas using rectangles and triangles.
  • I can distinguish between slope and area when interpreting graphs.
  • I can solve motion problems using graphical methods.

Area Under a Velocity-Time Graph

A velocity-time graph tells us how an object's velocity changes over time.

There are two especially important features to interpret:

  • the slope tells us the object's acceleration
  • the area between the graph and the time axis tells us the object's displacement

This means a single velocity-time graph can provide information about both how the velocity changes and how far the object moves from its starting position.

https://images.openai.com/static-rsc-4/-BCEe4ayPgHjWSixzS-eRqGob-TrwHR_6thpHYR_RtImeSFjHXmFe5f0K87dJwhNuAI2q1VeZjC05TN8LuBea0EGi7UWJ0JtexE1EgDesnvi_MmPywNTgg0HeqZezbOz39GRwaTCnZnTqRzCgEaiNfqagopjS77b_eD3em0j5KSHqUXdbj2MlGusuDO6156D?purpose=fullsize
 
https://images.openai.com/static-rsc-4/BNo8mZ3ayan2GzM1dBA4ddDqRaTkvDl8Fk_vHF8zh3_dJoGXjLXOLg_LnVJTSAlJFB_Nt0O-Mxh8rlR3Ysz9qijbykzBlENpVSJ-E0eHK4BAZvBdHF4PTZ3Qdzg2WfAtAkMYWYIT-aX8-u8wOtPjbiX0tsnO4zVenaqDZydQVTahbHAW5Ib4X12ExwsOcIFW?purpose=fullsize
 
https://images.openai.com/static-rsc-4/_sqQNWffGdg2wcin1g4PkQan4IqvU2cb8wS_EuEWb4qK7ESn9DnGSEhqxfPRe14Jd61iRhstlBNl3ZRwrtuDLHR11YolKJ6b9fFUcrCNd4EGYGJRpxeLEiL8-Ln9s5HeOad2m_jM-cM8WWhDIvuKSyeBxR6YeQvdTUPyKZM9p4ZOmP91AXxYyDpy8wW3oTEm?purpose=fullsize
5

Why Does Area Represent Displacement?

Start with the equation for constant velocity: \( v = \frac{ \Delta x }{ \Delta t } \)

Rearranging: Δx = vΔt

where:

  • Δx = displacement
  • v = velocity
  • Δt = time interval

On a velocity-time graph:

  • velocity is the height
  • time is the width

Therefore: Area = (velocity)(time)

So: Area under a velocity-time graph = displacement

The units confirm this: \( (\frac{m}{s})(s) = m \)

The result is measured in metres, which is the unit of displacement.


Constant Velocity: Rectangle Area

Suppose a car travels at a constant velocity of 8 m/s for 5s

The velocity-time graph forms a rectangle.

https://images.openai.com/static-rsc-4/gMH_tjBdLpL-ix8U6Dix150So3vtzPPvWdr7winEqxoISuu1TAdh79JRR9vgCPyk_DrvYitZqOIW8lFJ0V816v03VSUguplVdD66PvpENoTLlP0VATtr0zCz1k0gSRqZ52ipio1K3auqu7SUe5wWs6Bn4HVnrzqAEQMrEzE4sbKVUycs0Ln_ZP5horphutwz?purpose=fullsize
 
https://images.openai.com/static-rsc-4/Fx88Y7RHTxgoMyivKL8xmXPsfR0mgkLLt3lDRvYbeGnCMNWa9cLBY9hUdKUFQ8gr663w5USNk7HVNWe7mDUXrBydcF-l_fhCqSzjZ9G1ZCZvcsgcrmIo6qrrkX4ubGBTLjz115Cf8ESsyetctZ7yrYijX0n6f9ou0JGPxZn_6h9urCh8kwuu178RZwrc-s4b?purpose=fullsize
 
https://images.openai.com/static-rsc-4/ikVEbRHcI60psjHbPBv2cozcBGBb9huGdMkYYFh_hcH4lpkPakxCZMN63rYeoZuiWTq73CHgQ8rdeuzZC6C2KJnis__CEUFr2ewnaACGVt4h4yjicEhhi8eA9dPVp4Gy4U0wcYrqL0Deu-vY68djIdlt3EDVxOwJUciw72QHhH1BlMwVpPvJDVcYyXDlR79Z?purpose=fullsize

The area of a rectangle is: A = (base)(height)

Therefore: A = (5)(8) = 40m

The car's displacement is 40m.


Accelerating Motion: Triangle Area

Suppose an object starts from rest and accelerates uniformly to 12 m/s over 4s. 

The graph forms a triangle.

The area of a triangle is: \( A = \frac{1}{2}(base)(height) \)

Therefore: \( A = \frac{1}{2}(4)(12) = 24 m \)

So the displacement is 24 m.

https://images.openai.com/static-rsc-4/lsOAvfeXzkDr-7EIcyDh93tPcDphOQ6z5E2BDWKjVjZx19l6s4vvqYRtqr25zVPJDbzp64jqk3E6KL3RJQevE4HY9U-9VHlx88T2Ol3mCvz4mV14ln5_Jd_euTDoWZatClR36wqNpH205nZ5f3mFwrv7A9WhNC1FkaM0RjAaQysfH705m_zv-Jgfi8f4qpQd?purpose=fullsize
 
https://images.openai.com/static-rsc-4/jFglxbJWRf7hEZwQVGcjWdJm1kYBsLDxib-N0XB-RQY1CmOjARNg4MgIxXPfH0ASQr5PEe-DT6lkb3I32pH9H7au8VAu_HBLXSxsxws50srgYwPNLFyCIoDQ0c-KZtKpVnGER-y9orjRs5AzFafGSKHPlkYIbXYwnMtir3TQJU0Rq-VWRqFr9RicmyAmiL_l?purpose=fullsize
 
https://images.openai.com/static-rsc-4/3wFc8eP_JEKPYVuMpSY_2Dv7EL4-ZdFZ4ZXJ9dVmIxxFIjgqbTQnel2WGV_EhICTa4BRVnLXXipvAkrDpt0I8r-1sEGkTViME2-f8kuHjGzlNtLDZB8dZCpISNZ-FQpl7fBCCdbwh14di1YuiUwN73-IZNIoVY7vBfC-0QTb2y4i8Q8Eu3SItsP4LXdE30Ek?purpose=fullsize

Why a Triangle Appears During Constant Acceleration

If an object starts from rest and accelerates at a constant rate, its velocity increases steadily.

For example:

Time  Velocity 
0 s 0 m/s
1 s 3 m/s
2 s 6 m/s
3 s 9 m/s
4 s 12 m/s

Because the velocity changes at a constant rate, the velocity-time graph is a straight sloping line.

The area beneath this line forms a triangle.


Combining Shapes

More complicated velocity-time graphs can often be divided into simple shapes.

Common shapes include:

  • rectangles
  • triangles
  • trapezoids

Calculate each area separately and then add them together.


Worked Example: Accelerate, Then Constant Velocity

A cyclist:

  1. accelerates from 0 to 10 m/s during the first 4 seconds
  2. then travels at 10 m/s for another 6 seconds

The graph can be divided into:

  • one triangle
  • one rectangle

Triangle

\( A = \frac{1}{2}(4)(10) = 20m \)

Rectangle

A = 6(10) = 60m

Total Displacement

20 + 60 = 80

Displacement = 80 m

https://images.openai.com/static-rsc-4/_sqQNWffGdg2wcin1g4PkQan4IqvU2cb8wS_EuEWb4qK7ESn9DnGSEhqxfPRe14Jd61iRhstlBNl3ZRwrtuDLHR11YolKJ6b9fFUcrCNd4EGYGJRpxeLEiL8-Ln9s5HeOad2m_jM-cM8WWhDIvuKSyeBxR6YeQvdTUPyKZM9p4ZOmP91AXxYyDpy8wW3oTEm?purpose=fullsize
 
https://images.openai.com/static-rsc-4/eH11j14Afn1BvZHcFftP4byMx3tXh4o8mBdVujI1a-5OSvE8yhB7LC_mKH3K5NbQL3_WHEwtFXxD84FxiyxgmWSEsIMsU6CbCvmMfRxXC5SVcEfiGGY6tRmL-Lo3DHWVZ6xkdT7p9XaotvGJzUv-PZdHFlZDkg1pYyK-Ivr9PVAT_CiEITaxN8osBaO-AkzE?purpose=fullsize
 
https://images.openai.com/static-rsc-4/PYFrFNLnQ8llH60k_sSYGmRLOQVOrb2jnHDEDJngmdv5xcA0jEogEAfFtW5z_4ZuYDQEmXcR6DKjR73ZWJoVfrhpixOyi4iSzV8C6N3IXZQ5npmldh1_D66rDnGiohpOJQud2eO8cls35fnR95puOuPJRnYCaLiKPzz-XWudl6WrBrWYioTLTfzfebGXnDp2?purpose=fullsize
5

A Complete Journey

Suppose a car has the following motion:

  • accelerates from 0 to 12 m/s in 4 s
  • travels at 12 m/s for 5 s
  • slows uniformly to rest over 3 s

The graph contains:

  • Triangle A
  • Rectangle B
  • Triangle C

Triangle A

\( A = \frac{1}{2}(4)(12) = 24 m\)

Rectangle B

A = 5(12) = 60 m

Triangle C

\( A = \frac{1}{2}(3)(12) = 18m \)

Total

24 + 60 + 18 = 102

Total displacement = 102 m


Using a Trapezoid

Sometimes an object begins with a non-zero velocity and then accelerates.

For example:

Initial velocity: 4 m/s

Final velocity: 10 m/s

Time: 3 s

The area under the graph forms a trapezoid.

The trapezoid area can be calculated using: \( A = \frac{1}{2}(a + b)h \)

For a velocity-time graph: \( A = \frac{1}{2}(v_i + v_f)t \)

Therefore: \( A = \frac{1}{2}(4 + 10)(3) = \frac{1}{2}(14)(3) = 21 m \)

The displacement is 21 m.


Another Way to Handle a Trapezoid

Instead of using the trapezoid formula, we can divide it into:

  • a rectangle
  • a triangle

Rectangle

A = 4(3) = 12 m

Triangle

Difference in velocity: 10 - 4 = 6 m/s

Area: \( A = \frac{1}{2}(3)(6) = 9 m \)

Total: 12 + 9 = 21 m

The answer is the same.


Positive Area

If the graph is above the time axis, the velocity is positive.

Therefore, the area represents positive displacement.

For example: +6 m/s for 5 s

gives: Δx = 6(5) = + 30 m

The object moves 30 m in the positive direction.


Negative Area

If the graph is below the time axis, the velocity is negative.

The area therefore represents negative displacement.

For example: -4 m/s for 5 s

gives: Δx = (-4)(5) = -20 m

The negative sign means the displacement is in the negative direction.

https://images.openai.com/static-rsc-4/muWEzJMDAj3OZMpSFvoJO9sl2FPe49O3O2d3hheoeN5cOAG48TphVGYSlKWppZLtjRinNKKye55zjx1SdetiDfGoN9E-rLnH1aPUiOcB9tuCRBnTZ5RhUBQ4MNukLwM01C7A1fs4lc0X0RHVjjTy7pbkwYsmoPsDnit7uQGr8Zd3hvUQnVErUa4DSr9JFI9z?purpose=fullsize
 
https://images.openai.com/static-rsc-4/vI5zHCXjaoKg61Q1pHMT-dimvzX22avIPIPfc7JjwkAOOOKcL-yoo3o7elYBfJnBELhDsKwraV0Q4bToidQUVFNlKaESSKm3Jgo2ZRcmY-V2GLRLZYzcm-qLd9olvk7ebimAa5OcFsw0_ZQxKfscimMGRru5U2sLsUbrw2vMTZ82HH3lU-3FwsGm4wl5BbmE?purpose=fullsize
 
https://images.openai.com/static-rsc-4/8cJX5dgCFfU8WplgOdWBMOTsyVnrXDKC7IK3ulvudU9y8oxPUxlDw6W4tiKzf94FwMs3cEnpDGvIf_dxziMHttnL8vZNq4692EfEctZJ9zr3GH2P37XxpVNYC3W0GaLTRvWjU_B4RR0sfbAj4PJy0UerdqjohgWhIuuM0dxdw45fOwQHNMi8je4sFBei3xJG?purpose=fullsize
4

When the Graph Crosses the Axis

A velocity-time graph can contain both positive and negative areas.

Suppose an object:

  • moves forward
  • stops
  • reverses direction
  • moves backward

The area above the time axis represents displacement in the positive direction.

The area below the axis represents displacement in the negative direction.

To calculate the final displacement:

Net displacement = positive area + negative area

Remember that the area below the axis has a negative sign.


Worked Example: Changing Direction

Suppose the positive area is: +50 m

and the negative area is: -20 m

The net displacement is: 50 + (-20) = 30 m

The object finishes 30 m in the positive direction from its starting point.


Displacement vs Distance

This is an important distinction.

Displacement includes direction.

Distance is the total amount of ground travelled.

Suppose an object moves: +50m then -20 m

Displacement

50 - 20 = 30 m

Distance

50 + 20 = 70 m

Therefore:

Distance = 30 m

but:

Distance = 70 m

On a velocity-time graph:

Displacement = signed area

For total distance, add the magnitudes of all areas.


Slope and Area Are Different

One of the most important skills is distinguishing between the slope and area of a velocity-time graph.

Slope

The slope tells us: Acceleration because:

\( a = \frac{ \Delta v }{ \Delta t } \)

Area

The area tells us: Displacement

because: Δx = vΔt

https://images.openai.com/static-rsc-4/3lnahpwZMdpprBRkAJ8twmkdVeBaMQYe5TtyIAU2qaV7XH_-UII3CPqwiIbPRGWuJYsVq__9v53VbWSC4LgIZYh2HeF5IHCJv2O4SwNdoSHOfPBCCx9VMejdPkkoLyo3VukhE6d_KFA5aIuEE49RSJLptAOwugvOm72W3PMuG_1gFtii-DU7KXmKYkqdw0aT?purpose=fullsize
 
https://images.openai.com/static-rsc-4/BNo8mZ3ayan2GzM1dBA4ddDqRaTkvDl8Fk_vHF8zh3_dJoGXjLXOLg_LnVJTSAlJFB_Nt0O-Mxh8rlR3Ysz9qijbykzBlENpVSJ-E0eHK4BAZvBdHF4PTZ3Qdzg2WfAtAkMYWYIT-aX8-u8wOtPjbiX0tsnO4zVenaqDZydQVTahbHAW5Ib4X12ExwsOcIFW?purpose=fullsize
 
https://images.openai.com/static-rsc-4/ergtgz9VC3L8-MyQUACLOF3CE6eMSUV4Ocmn9s9olJF1wkDNbf6IkCARyXQs5ioYKgt1kEaJDKkBb0NpdRaRnDtvHD5Uxjb5v1d7PgCwGXZzShQHBRy7JLmpJVDrzLdGADnrEIvDpes6yp7tfByAeIkNP5zDbbvJVQyg9v-8_ktQiuMI-tjMupfRfpM168iK?purpose=fullsize
5

A useful memory rule is:

Slope → Acceleration

Area → Displacement


Don't Confuse the Two

Consider a horizontal line on a velocity-time graph.

Its slope is: 0

Therefore: a = 0

But there may still be a large area beneath the graph.

So the object can have:

Zero acceleration

while still having:

Large displacement

For example, travelling at a constant 20 m/s for 10 seconds:

Acceleration: 0 m/s2

Displacement: 20(10) = 200 m

This is why slope and area must be interpreted separately.


Solving Motion Problems Graphically

Consider this journey:

A train:

  • accelerates from 0 to 20 m/s in 10 s
  • travels at 20 m/s for 30 s
  • slows to rest in 10 s

We can solve the displacement entirely from the graph.

Acceleration Section

Triangle:

\( A = \frac{1}{2}(10)(20) = 100 m \)

Constant Velocity Section

Rectangle:

A = (30)(20) = 600 m

Deceleration Section

Triangle:

\( A = \frac{1}{2}(10)(20) = 100 m \)

Total Displacement

100 + 600 + 100 = 800 m

No displacement equation was needed beyond calculating the areas of geometric shapes.


Graphical Methods Can Give Multiple Answers

A velocity-time graph can often tell us several things about the same motion.

For example:

Slope

Provides:

Acceleration

Area

Provides:

Displacement

Height

Provides:

Velocity

Position above or below axis

Provides:

Direction of motion

Crossing the axis

May indicate:

A change in direction

Velocity-time graphs therefore contain a large amount of information.


Constructing and Analysing a Graph

Suppose a cyclist:

  • starts from rest
  • accelerates uniformly to 6 m/s in 3 s
  • travels at 6 m/s for 4 s
  • slows uniformly to rest in 2 s

First identify the points:

 Time  Velocity
0 s 0 m/s
3 s 6 m/s
7 s 6 m/s
9 s 0 m/s

After constructing the graph, calculate the areas.

First Triangle

\( A = \frac{1}{2}(3)(6) = 9m \)

Rectangle

A = (4)(6) = 24 m

Final Triangle

\( A = \frac{1}{2}(2)(6) = 6 m \)

Total:

9 + 24 + 6 = 39 m

The cyclist's displacement is 39 m.


A Useful Problem-Solving Method

When asked to find displacement from a velocity-time graph:

Step 1: Identify the time interval.

Step 2: Divide the area into simple shapes.

Step 3: Calculate each area.

Step 4: Give areas below the time axis a negative sign.

Step 5: Add the areas.

Step 6: Give the answer in metres.

For distance rather than displacement, add the absolute values of the areas.


Common Misconceptions

The slope does not give displacement.

Slope gives acceleration.

The area does not give acceleration.

Area gives displacement.

Areas below the axis are not automatically ignored.

They represent negative displacement.

Distance and displacement are not always equal.

If an object changes direction, distance is usually greater than the magnitude of displacement.


Did You Know?

The area-under-the-graph idea is an early example of a much more powerful mathematical concept called integration.

In calculus, displacement can be found from a velocity function by integrating velocity over time.

For straight-line sections, however, there is no need for calculus. We can simply calculate the areas of familiar geometric shapes such as rectangles, triangles, and trapezoids.


Key Terms

Area under a graph – The region between a graph line and the horizontal axis.

Displacement – Change in position, including direction.

Distance – Total length of the path travelled.

Velocity-time graph – A graph showing velocity against time.

Slope – The steepness of a graph; on a velocity-time graph it represents acceleration.

Rectangle – A shape with area A = bh.

Triangle – A shape with area A = \( \frac{1}{2}bh \).

Trapezoid – A four-sided shape with one pair of parallel sides.

Net displacement – The overall change in position after positive and negative displacements are combined.


Key Takeaways

  • The area under a velocity-time graph represents displacement.
  • This works because vt gives units of metres.
  • A rectangle has area: A = bh
  • A triangle has area: A = \( \frac{1}{2}bh \)
  • More complicated graphs can be divided into rectangles, triangles, and trapezoids.
  • Area above the time axis represents positive displacement.
  • Area below the time axis represents negative displacement.
  • Net displacement is found by adding positive and negative areas.
  • Total distance is found by adding the magnitudes of all areas.
  • The slope of a velocity-time graph gives acceleration.
  • The area under a velocity-time graph gives displacement.
  • Velocity-time graphs can be used to solve motion problems graphically, often without needing more advanced equations.