< Previous Section Home Next Section >

Section 8.2
Regions in the Plane and their Signed Areas

8.2.1 Highlighting a Region in GC

As explained in Chapter 3, GC is built to create graphs. It is designed to interpret anything you type as either a definition of a mathematical term (e.g., a function) or a command to display a graph.

Whenever you type a well-formed statement, other than a definition, GC attempts to display a graph of the ordered pairs or ordered triplets that make the statement true.

We describe regions in the plane mathematically by stating conditions coordinates of points must satisfy to be in them.

For example, the mathematical statement $\left\{(x,y)\mid x^2+y^2\le 1\right\}$, read as "The set of all points with coordinates x and y such that ...", describes the set of points in Figure 8.2.0. GC highlighted all points in the x-y plane that have coordinates x and y such that $x^2+y^2\le 1$.


Figure 8.2.0. Typing $x^2+y^2\le 1$ into GC told it to highlight all the points in the plane whose coordinates satisfy that condition.

Notice that in Figure 8.2.0 we typed only the condition part of the mathematical statement $\left\{(x,y)\mid x^2+y^2 \le 1\right\}$.

This is because GC always interprets any non-definitional statement involving x or y as a command to "highlight all points (x,y) such that ...".

More examples of creating graphs and highlighting regions

Statement Meaning Result in GC
$$x=3$$ Highlight all the points in the plane with coordinates $(x,y)$ such that $x=3$
$$y=x^3$$ Highlight all the points in the plane with coordinates $(x,y)$ such that $y=x^3$.
$$x=y^3$$ Highlight all the points in the plane with coordinates $(x,y)$ such that $x=y^3$.
$$1\le x\le 2$$ Highlight all the points in the plane with coordinates $(x,y)$ such that $1\le x \le 2$.
$$1\le x \le 2, -0.5\le y \le 0$$ Highlight all the points in the plane with coordinates $(x,y)$ such that $1\le x \le 2$ AND $-0.5\le y \le 0$.
$$f(x)=x^2\\[1ex]g(x)=\sqrt{x}\\[1ex] y=f(x)\\[1ex] y=g(x)\\[1ex] f(x)\lt y\lt g(x)$$ * Define function $f$.
* Define function $g$.
* Highlight all points in the plane with coordinates $(x,y)$ such that $y=f(x)$.
* Highlight all the points in the plane with coordinates $(x,y)$ such that $y=g(x)$.
* Highlight all points in the plane with coordinates $(x,y)$ such that $f(x)\lt y$ and $y\lt g(x)$.

$$f(x)=x^2\\[1ex] g(x)=x^3\\[1ex] x=f(y)\\[1ex] x=g(y)\\[1ex] f(y)\lt x \lt g(y)$$ * Define function $f$.
* Define function $g$.
* Highlight all points in the plane with coordinates $(x,y)$ such that $x=f(y)$.
* Highlight all points in the plane with coordinates $(x,y)$ such that $x=g(y)$.
* Highlight all points in the plane with coordinates $(x,y)$ such that $f(y)\lt x$ and $x\lt g(y)$.

8.2.2 Integrals as Signed Areas of Regions

The quest to compute areas of regions played a large part in the early development of calculus.

Indeed, many textbooks define the definite integral from a to b of a function f as the area of the region bounded by $f's$ graph, the x-axis, and the lines $x=a$ and $x=b$ (see Figure 8.2.1).


Figure 8.2.1. Common definition of definite integral of a function over an interval
is that the integral is area of the region bounded by the function's graph.

It is common to think areas are always positive (or zero). This causes a problem when defining integrals as areas of regions bounded by curves. The integral in Figure 8.2.2 is negative over the interval from 2 to 3. So, for integrals to be areas, any region below the x-axis must have a "negative" area (Figure 8.2.2).

Figure 8.2.2. "Area" of region bounded by a function's graph is
sometimes positive and sometimes negative.

In this textbook we have always spoken of integrals as accumulations of some quantity that accumulates at some rate of change. We avoided speaking of integrals as areas.

But this does not mean that integrals as accumulations and integrals as areas are incompatible. In this section we will explain how they are indeed compatible. But first we must look closely at the idea of signed area and its rate of change.

8.2.3 Rate of Change of Area of a Rectangle's Interior with respect to its Width

Examine the rectangle in Figure 8.2.3. It shows a region bounded by a rectangle that is 5 cm high and 10 cm wide.

We can think of the region bounded by the rectangle as filling from left to right as the region's width varies from 0 cm to 10 cm.

Since the area varies with width, we can ask about the area's rate of change with respect to variations in its width. Move your pointer away from the animation to make the control bar disappear.


Figure 8.2.3. The region bounded by this rectangle is 5 cm high and 10 cm wide. Imagine that the region "fills"
as its width varies, and hence that the area bounded by the rectangle varies as its width varies. Move your pointer away from the animation to make the control bar disappear.

What is the rate of change of the enclosed region's area with respect to variations in its width?

Let $w$ be the enclosed region's width as it varies. Then the value of $w$ varies from 0 to 10.

The highlighted region varies as $w$ varies, and therefore the highlighted region's area is a function of $w$, or $A(w)=5w$.

To ask about the highlighted region's rate of change of area with respect to width is to ask about $r_A$, the exact rate of change function for $A$.

The rate of change of $A$ at a moment of $w$ over an interval of length $h$ is$$\color{red}{\text{(Eq. 8.2.1)}}\qquad \begin{align} r(w)&=\frac{A(w+h)-A(w)}{h}\\[1ex]&=\frac{5(w+h)-5w}{h}\\[1ex] &=\frac{5w+5h-5w}{h}\\[1ex] &=5 \quad \mathrm{cm^2/cm} \end{align}$$

The rate of change of the rectangle's enclosed area with respect to $w$ as $w$ varies from $w=0$ to $w=10$ is 5 $\mathrm{cm^2/cm}$.

That is, the numeric value of the rectangle's height is the numeric value of the area's rate of change.

Notice that we said that the numeric value of the rectangle's height is the numeric value of the area's rate of change. The rectangle's height is not the area's rate of change. The rectangle's height is 5 cm. The area's rate of change is 5 $\mathrm{cm^2/cm}$!

There was nothing special about a height of 5 cm in Equation 8.2.1. A height of $H$ would have given us that the region's area varies with respect to width at a rate of $H \, \mathrm{ cm^2/cm}$. Indeed, a height of $f(w)$ would have given us that the region's area varies with respect to width at a rate of $f(w) \, \mathrm{ cm^2/cm}$.

8.2.4 Function Values and Signed Area

To understand that a region bounded by a function's graph can have positive or negative signed area we must first be clear that function's values have directions.

Figure 8.2.3a illustrates two ways of thinking about function's values.

The first way to think about a function's values is ambiguous about how to conceive of the function's value on the graph. It is unclear whether we should:

The second way to conceive a function's value graphically clarifies the value's sign:

Figure 8.2.3a. Two ways to perceive a function's value in its graph. The first way is ambiguous, the second
way is explicit: focus first on the horizontal axis, then on the point on the function's graph. Move your pointer away from the
animation to make the control bar disappear.

How to see a value of f(x)

Reflection 8.2.0. How do you anticipate that using an arrow (vector) in Figure 8.2.3a will clarify the idea of signed (negative or positive) area? What understanding does an arrow provide that a bare line segment (as in Part 1 of Figure 8.2.3a) hides?

Reminder: The Concept of Differential

We use the letter "d" preceding a variable to mean that the variable's value "varies a little bit".

The way to envision a differential is to first keep in mind that a variable represents the value of a quantity whose value varies. Variables vary, always.

Another key idea in understanding differentials is that they are variables whose values vary "a little bit". To vary a little bit, they must vary from somewhere. We therefore think of differentials of an independent variable as varying through fixed intervals in the variable's domain.

Finally, a differential is a variable by which another variable varies. This surely sounds confusing. Figure 4.1.1 (repeated below) illustrates this idea. The term "left(x)" in the animation means the left end of the interval containing the current value of x.


Variables and Differentials. The value of x varies smoothly through its domain. The symbols "dx" and "$\Delta x$" have differnt meanings. "$\Delta x$" represents intervals' width. "$dx$" represents how far the value of x has varied in an interval.

Reflection 8.2.1 (1) Where is $\Delta x$ in the animation? (2)The caption above says that dx and $\Delta x$ have different meanings. According to Figure 4.1.1, what are their meanings and how do they differ?

8.2.5 The Visual Connection

It would be understandable for you to wonder what this discussion about function's values has to do with areas of regions bounded by function's graphs. We hope that Figure 8.2.4 will help you make the connection.

In Figure 8.2.4, the region bounded by $y=0$, $x=-3$, $x=3$, and $y=2\sin(x)$ is swept out as the value of x varies from -3 to 3.

Upon zooming in, however, you see that the region is actually made of (potentially) infinitesimally-wide rectangles, and that it is the rectangles being filled that fills the bounded region.

Each rectangle has a height of $f(x)$, and is filled over an interval of length $\Delta x$ as $dx$ varies through it. Each rectangle is therefore filling at a rate of $f(x)$ $\mathrm{units^2/unit}$ throughout intervals of length $\Delta x$.


Figure 8.2.4. You can think of a region bounded by the graph of a function as composed of rectangles of infinitesimal width. The signed area of each rectangle varies at the rate of f(x) $units^2$ of signed area per unit of width.
Move your pointer away from the animation to make the control bar disappear.

Reflection 8.2.2. Explain how a negative value of a function produces a negative change in accumulated signed area bounded by its graph. Explain the same for positive values of a function producing positive variations in accumulated signed area bounded by the function's graph.

Making the Connection Explicit

We can now relate integrals as signed areas of bounded regions and integrals as net accumulation from rate of change.

Let f be a function whose graph is given within the Cartesian coordinate system.

Let A be the function such that $A(x)$ is the net signed area bounded by the graph of f over the interval $[a,x]$.

Each value of $f$ is the exact rate of change function for the signed area function $A$. So, $f(x)=r_A(x)$.

Therefore, $A(x)$ accumulates at the rate of $f(t)$ as t varies from $t=a$ to $t=x$. We say this symbolically as:
$$\color{red}{\text{(Eq. 8.2.2)}}\qquad \begin{align}
A(x)&=\int_a^xr_A(t)dt\\[1ex]
&=\int_a^x f(t)dt\end{align}$$

8.2.6 Accumulation of Signed Area

A region in Cartesian space bounded by the graph of a function is just a set of points. As a region, it is neither positive nor negative. But area is a measure of a region. You will see that signed area of a region can be positive or negative depending on how the region is swept out.

A region bounded by a graph is created by a function's value sweeping along the independent axis. Function's values can be positive or negative. The animation in Figure 8.2.5 illustrates this idea.

Watch the animation, then read the caption and bulleted narrative, then watch the animation again, stopping it to re-read the caption and bulleted narrative.

Figure 8.2.5. Signed area arises because regions are swept by values of functions that have directions. If f(t) is negative, then the signed area f(t)dt is negative because dt is positive. Move your pointer away from the animation to make the control bar disappear.

Computing Signed Area

The animation in Figure 8.2.5 reveals the computation of the signed area of a bounded region. You compute total signed area by accumulating bits of signed area that each accumulate at a rate of change. We know very well that this accumulation is an integral over the interval $[a,x]$.

Examples

Example 1 - Net signed area of regions bounded by a function's graph

  1. Use GC to graph the region bounded by $y=0$ and $g(t)=e^{\sin\left(t^{\cos t}\right)}-1.5$ from $t=0$ to $t=x$ for $x\ge 0$. Show negative signed areas in gray and positive signed areas in green.
  2. Define a function A whose values $A(x)$ give the net signed area of the region bounded by $y=0$ and $g(t)=e^{\sin\left(t^{\cos t}\right)}-1.5$ from $t=0$ to $t=x$ for all values of $x>0$. Display $A's$ graph in GC's right pane by entering $y'=A(x')$.

For Part 1, we must describe the regions bounded below and above the x-axis separately. Mathematically, the region above the x-axis and bounded by the graph of g is $\left\{(x,y) | x\ge 0, 0\le y\le g(x)\right\}$. The region below the x-axis and bounded by the graph of g is described mathematically as $\left\{(x,y) | x\ge 0, g(x)\le y\le 0\right\}$.

Figure 8.2.6 shows these commands and the resulting graphs in GC. In GC we need only state the conditions of the mathematical statements because GC interprets all non-definitional commands as saying, "Graph all points $(x,y)$ such that ...".


Figure 8.2.6. Commands to GC to graph the regions bounded by $x=0$, the x-axis, and y=g(x).

For Part 2, we need only define the integral function as shown in Figure 8.2.7.


Figure 8.2.7. (Left) Graph of bounded region; (Right) Graph of accumulation function, y=A(x).

Reflection 8.2.3. Examine each statement in the left margin of Figure 8.2.7. What does each statement do in regard to generating the graphs and highlighted regions in the two graphing panes?

Reflection 8.2.4. Examine the two graphs in Figure 8.2.7. Explain how the left graph and the right graph show the same thing in regard to accumulation of displacement in relation to number of seconds elapsed.

It is important to notice that the quantity represented by signed area in the left graph of Figure 8.2.7 does not have $\mathrm{meter^2}$ as its unit. Rather, it has meter as its unit.

Each incremental change in signed area is created by something moving at a velocity in meters/sec for a number of seconds!

This is one of the ways that thinking about integrals as areas ends up being misleading.

Area is measured in square units, whereas signed area (coming from an integral) has a unit that derives from the quantities involved.

You avoid this confusion between integrals as areas and the area having a non-area unit when you understand integrals as accumulations from rate of change.

Example 2 - Unsigned Area

Integrals give net signed area of regions bounded by functions' graphs. Negative signed areas and positive signed areas cancel each other to varying extents. The absolute value of a function makes all values positive, as shown in Figure 8.2.8. The absolute value function makes all regions have positive signed area.


Figure 8.2.8. The graph of $\left|g(x)\right|$ is the same as the graph of $g(x)$ except that points in regions bounded below the horizontal axis are mapped to their mirror image above the horizontal axis.

Reflection 8.2.5. The last three statements in GC produce colored regions in the displayed graphs. What regions does each statement highlight, and why does the statement highlight these regions?

Unsigned area is always positive, while signed area can be either negative or positive. Therefore an integral function that gives signed area can be increasing or decreasing over different intervals, whereas an integral function that gives unsigned area is always increasing (Figure 8.2.9).

 
Figure 8.2.9. Graph of $y=A(x)$ (left), the signed area function, compared to graph of $y=\left|A(x)\right|$ (right).
Connect the graphs on the left sides of Figures 8.2.8 and 8.2.9 and the graphs on the right side of the same figures.

8.2.7 Signed Area of Regions Between Curves

Figure 8.2.10 shows that the idea of signed area of regions bounded between functions' graphs is not as straightforward as the idea of the signed area of a region bounded by a functions graph and $y=0$ over an interval of x. The question is when to consider a region as having positive signed area and when to consider it as having negative signed area.

Figure 8.2.10. The area of a region between two function's graphs has no natural sign. How do
you tell whether a region has positive or negative signed area?
Move your pointer away from the animation to make the control bar disappear.



Figure 8.2.11. When you graph $y=g(x)-f(x)$, you ask, "How much greater is g(x) than f(x) for values of x?"
Move your pointer away from the animation to make the control bar disappear.
Reflection 8.2.6.

Figure 8.2.12. When you graph $y=f(x)-g(x)$, you are saying, "How much greater is f(x) than g(x) for values of x?" Move your pointer away from the animation to make the control bar disappear.

Reflection 8.2.7.

Figures 8.2.11 and 8.2.12 suggest that when given graphs of functions $f$ and $g$, the key to thinking about the sign of area for regions bounded between them is to decide how you are tracking them: Are you tracking how much $f(x)$ exceeds $g(x)$ or how much $g(x)$ exceeds $f(x)$?.

Figures 8.2.13 and 8.2.14 illustrate the relationship between direction of comparison between two functions and the signed area of regions bounded by their graphs.


Figure 8.2.13. When you graph $y=g(x)-f(x)$, the graph will be positive over intervals where $g(x)\gt f(x)$ and negative signed areas over intervals where $g(x)\lt f(x)$. Move your pointer away from the animation to make the control bar disappear.

Reflection 8.2.8. Examine the shaded regions in left and right parts of Figure 8.2.13. Must a shaded region on the left have the same signed area as the corresponding shaded region on the right? Explain.


Figure 8.2.14. When you graph $y=f(x)-g(x)$, the graph will be positive over intervals where $f(x)\gt g(x)$ and negative areas over intervals where $f(x)\lt g(x)$. Move your pointer away from the animation to make the control bar disappear.

Reflection 8.2.9. Examine the shaded regions in left and right parts of Figure 8.2.14. Must a shaded region on the left have the same signed area as the corresponding shaded region on the right? Explain.

Moral of Figures 8.2.10 through 8.2.14

8.2.8 Recap

In this entire section we have shown that the idea of integral as signed area of a region bounded by one or more graphs is entirely consistent with the general theme of this book--that an integral is an accumulation of variations in a measured quantity that varies at a rate of change with respect to another quantity.

Moreover, we demonstrated that the general idea of integral as accumulation is coherent with signed areas of regions bounded by graphs regardless of the coordinate system.

As is always the case with integrals as accumulations, the key to integrals as signed areas in any coordinate system is to determine the appropriate rate of change function whose values give the rate of change of signed area at every moment of its independent variable.

Exercise Set 8.2

  1. In GC: Define the functions $f$ and $g$ as $f(r)=\sin(2r)+0.5$ and $g(s)=2\cos(3s)$. Type $y=f(x)$ and $y=g(x)$ on separate lines.

    1. Type $f(x)\le y \le g(x)$ on a separate line. Why does GC highlight the regions that it does?

    2. Type $g(x)\le y \le f(x)$ on a separate line. Why does GC highlight the regions that it does?
  2. Refer to the section on highlighting points and regions in the plane. Enter the following statements into GC. Then enter statements that will cause GC to highlight the regions as shown. You will know that your statements are correct if the region is highlighted the same as what is shown. For part (e), your graph should also show a black region.
    a.
    b.
    c.
    d.
    e.
  3. The function $f$ gives Stefan's displacement, in miles, to the North of his house x hours since he started walking. The function $r_f$ defined as $r_f(x)=\sin(5x)-\dfrac{x}{2.5}$ is the exact rate of change function for $f$ with respect to x.

    For each of a. - d., explain the meaning in this situation of the given statement. Your answer should explain both the sign and the magnitude of the expression's value if one is given.
    1. Explain the general meaning of $r_f(x)$ in regard to Stefan's displacement.
    2. Explain the meaning of $r_f(0.4)=0.749$ in regard to Stefan's displacement.
    3. Explain the meaning of $r_f(1.8)=0.251$ in regard to Stefan's displacement.
    4. Explain the meaning of $f(0.4)=0.251$ in regard to Stefan's displacement.
    5. Explain the meaning of $f(1.8)=-0.266$ in regard to Stefan's displacement.

  4. Below are the graphs of $r_f(x)$ and $f(x)$ as defined in Exercise 3 (Stefan's displacement). Print the graphic below, sketch it carefully, or copy it into any drawing program and draw on it digitally.
    1. Label the vertical axis in the right coordinate system with an appropriate unit.
    2. The left graph shows regions colored in green and regions colored in gray. What is the meaning (including units) of the signed area of a green region in regard to Stefan's displacement? The signed area of a gray region?
    3. What does a region of the left graph being colored green imply about the behavior of f in the right graph?
    4. The left graph shows a region colored in black from x=2.2 to x=2.5. What is the meaning (including units) of the signed area of this region in regard to Stefan's displacement?
    5. Use GC to find the signed area of the black region. What does this number mean in regard to Stefan's displacement?
    6. Represent your answer to part (e) by drawing something on the graph of $y=f(x)$. What you draw should reflect both sign and magnitude. Explain why you drew it as you did.


  5. Refer to Figure 8.2.10. Use the following meanings for the functions $f$ and $g$.

    Fred and Giovanni departed an airport at the same moment in time: $f(x)$ is the eastward velocity of Fred's plane in hundreds of km/h x hours after departure, and $g(x)$ is the eastward velocity of Giovanni's plane in hundreds of km/hr x hours after departure.
    1. What does $f(x)-g(x)$ represent in regard to this situation?
    2. What does $g(x)-f(x)$ represent in regard to this situation?
    3. $f(x)=\mathrm{sin}(3x)$ and $g(x)=0.5\mathrm{cos}(3.5x)$. Use GC to calculate $\int_{-2}^{-1} (f(x)-g(x))dx$. What does this number mean?
    4. Use GC to calculate $\int_{-2}^{-1} (g(x)-f(x))dx$. What does this number mean?
    5. Compare your answers to questions (c) and (d). Explain similarities and differences between the two.
  6. Bob is looking at one function $h$ and finding the net signed area bounded by its graph and the x-axis at all values of x between -3 and 7. Explain how Bob can think of this situation as finding the net signed area bounded by graphs of two functions.

  7. The figure below shows a surface being covered by paint. The right edge of the paint moves to the right at a steady pace of 2 meter/min. The top edge of the paint follows the graph of $y = g(x)$. The bottom edge of the paint follows the graph of $y = f(x)$.

    At what rate in meter2/meter is the surface being covered when the paint’s right edge is x meters from the left edge?

< Previous Section Home Next Section >