Gradients and Areas Under Graphs for the ESAT

Updated July 2026

This topic covers the calculation of gradients for both linear and non-linear graphs and the estimation of areas beneath them. Mastering these techniques is essential for the ESAT as they allow students to interpret real-world data in kinematics and finance, such as determining speed from a distance-time graph or distance from a speed-time graph.

Core concept

The gradient of a graph represents the rate of change between two variables, while the area between the graph and the horizontal axis represents the accumulated product of those variables.

Gradient of straight-line graphs

The gradient of a straight-line graph is a measure of its steepness and represents the rate of change of the vertical variable with respect to the horizontal variable. For a line with the equation y=mx+cy = mx + c, the gradient is the constant mm.

To calculate the gradient of a straight line passing through two specific points, (a,b)(a, b) and (c,d)(c, d), we use the formula:

Gradient=dbca\text{Gradient} = \frac{d - b}{c - a}

Worked Example: Straight-line Gradient

Find the gradient of the line segment shown in the following diagram:

img-54.jpeg

To solve this, we pick two points on the line where the coordinates are easy to read, preferably integer values.

img-55.jpeg

In this example, the points (0,2)(0, 2) and (4,14)(4, 14) are chosen. Using the gradient formula:

Gradient=14240=124=3\text{Gradient} = \frac{14 - 2}{4 - 0} = \frac{12}{4} = 3

Gradient of curves

The gradient of a curve at a specific point is not constant; it changes as you move along the graph. The gradient at any given point is equal to the gradient of the tangent to the curve at that point. A tangent is a straight line that touches the curve at a single point and has the same slope as the curve at that point.

Consider the curve y=x2y = x^2 and the tangent at the point (1,1)(1, 1). This tangent also passes through (2,3)(2, 3).

img-53.jpeg

The gradient of this tangent is calculated as:

3121=2\frac{3 - 1}{2 - 1} = 2

Therefore, the gradient of the curve y=x2y = x^2 at the point (1,1)(1, 1) is 22.

Worked Example: Gradient of a Curve at a Point

Find the gradient of the curve y=x2y = x^2 at the point (2,4)(2, 4).

First, draw the curve y=x2y = x^2 using a large scale for the range 0x30 \leq x \leq 3. Plot several points to ensure accuracy:

xx00111.51.51.81.81.91.9222.12.12.22.22.52.533
yy00112.252.253.243.243.613.61444.414.414.844.846.256.2599

Next, draw a tangent at the point (2,4)(2, 4). To do this accurately, place a ruler across the curve so that an equal amount of the curve is visible on either side of the point (2,4)(2, 4). Slide the ruler toward the point while maintaining this balance until you reach it.

img-56.jpeg

Now, pick two points on this tangent line. In the diagram, the points (1,0)(1, 0) and (3,8)(3, 8) are selected. The gradient of the tangent, and thus the curve at (2,4)(2, 4), is:

8031=82=4\frac{8 - 0}{3 - 1} = \frac{8}{2} = 4

Area under a straight-line graph

The phrase area under a graph refers to the region enclosed between the graph and the horizontal axis. For straight-line graphs, this area consists of simple geometric shapes such as triangles, rectangles, and trapezia. The total area is found by summing the areas of these individual shapes.

Worked Example: Compound Area

Find the area under the graph shown below:

img-57.jpeg

We divide the area into sections that are easy to calculate:

img-58.jpeg

  1. Area of triangle A: 3×52=7.5\frac{3 \times 5}{2} = 7.5
  2. Area of trapezium B: 32(5+7)=18\frac{3}{2}(5 + 7) = 18
  3. Area of rectangle C: 2×7=142 \times 7 = 14
  4. Area of triangle D: 2×72=7\frac{2 \times 7}{2} = 7

The total area is 7.5+18+14+7=46.57.5 + 18 + 14 + 7 = 46.5 units squared.

Approximate areas under curves

To estimate the area between a curve and an axis, the region is divided into vertical strips perpendicular to the axis. These strips are usually treated as trapezia or triangles to fit the curve as closely as possible. The strips do not need to have the same width.

Worked Example: Estimating Area Under a Curve

Find the approximate area under the curve for 0x2.50 \leq x \leq 2.5, giving the answer to 11 decimal place.

img-59.jpeg

We divide the area into two trapezia (A and B) and one triangle (C):

img-60.jpeg

  1. Area of trapezium A (width 0.50.5, heights 6.256.25 and 66): 0.52(6.25+6)=3.0625\frac{0.5}{2}(6.25 + 6) = 3.0625
  2. Area of trapezium B (width 11, heights 66 and 44): 12(6+4)=5\frac{1}{2}(6 + 4) = 5
  3. Area of triangle C (width 11, height 44): 1×42=2\frac{1 \times 4}{2} = 2

Total approximate area is 3.0625+5+2=10.06253.0625 + 5 + 2 = 10.0625, which is 10.110.1 units squared correct to 11 decimal place.

Interpretation of gradient and area

Gradients and areas have specific physical meanings depending on what is plotted on the axes.

Gradient

If distance is on the vertical axis and time is on the horizontal axis, the gradient represents speed because: change in distancechange in time=speed\frac{\text{change in distance}}{\text{change in time}} = \text{speed}

Area Under a Curve

If speed is on the vertical axis and time is on the horizontal axis, the area under the graph represents the distance travelled because: speed×time=distance\text{speed} \times \text{time} = \text{distance}

Worked Example: Speed-Time Graph

A car travels from Jai's home to his grandfather's house. The speed-time graph of the journey is shown below:

img-61.jpeg

To find the total distance, we calculate the area under the graph by splitting it into five sections:

img-62.jpeg

  1. Area of triangle A: 0.25×302=3.75\frac{0.25 \times 30}{2} = 3.75
  2. Area of rectangle B: 0.25×30=7.50.25 \times 30 = 7.5
  3. Area of trapezium C: 0.52(30+80)=27.5\frac{0.5}{2}(30 + 80) = 27.5
  4. Area of rectangle D: 0.75×80=600.75 \times 80 = 60
  5. Area of triangle E: 0.25×802=10\frac{0.25 \times 80}{2} = 10

Total distance is 3.75+7.5+27.5+60+10=108.753.75 + 7.5 + 27.5 + 60 + 10 = 108.75 km.

Key takeaways

  • The gradient of a curve at a point is found by drawing a tangent and calculating its slope.
  • The area under a graph always refers to the region between the curve and the horizontal axis.
  • In a speed-time graph, the gradient represents acceleration and the area represents total distance.
  • Complex areas under graphs can be approximated by summing the areas of vertical trapezia and triangles.
Tips

When calculating gradients from a graph, always try to find two points that fall exactly on the grid intersections (integer coordinates) to avoid rounding errors early in your calculation.

Cautions

Be careful with units, especially in speed-time graphs. If speed is in km/h and time is in minutes, you must convert the time to hours before calculating the area to find the distance in kilometres.

Insight

Calculating the gradient of a curve at a point is the graphical equivalent of differentiation, while finding the area under a curve is the graphical equivalent of integration.

Frequently asked questions

How do I ensure my tangent line is accurate?

Use a ruler and place it so that an equal amount of the curve is visible on both sides of the target point. This visual balance ensures the ruler's slope matches the curve's slope at that exact point.

Must all strips used to approximate an area have the same width?

No. When approximating areas under curves, you can choose strips of different widths to better fit the shape of the curve and improve accuracy.

What does a negative gradient represent on a distance-time graph?

A negative gradient indicates that the distance from the starting point is decreasing, which means the object is moving back toward its origin.

Ready to test your knowledge?

You've reached the end of this section. Start a practice session to solidify your understanding and master this topic.