Tutorials › Calculus III › Parallelogram and Triangle Areas

Home  /  Tutorials  /  Cross Products, Lines, and Planes

Cross Products, Lines, and Planes · Tutorial 79 of 999

Parallelogram and Triangle Areas

Learn why the magnitude of a cross product gives area and how to use it for parallelograms and triangles.

Beginner 10 min read

What You'll Learn

  • Relate the magnitude of a cross product to the area spanned by two vectors
  • Derive the area formula from vector lengths and the angle between vectors
  • Find a triangle’s area from two sides that share a vertex
  • Translate non-origin vertex coordinates into side vectors
  • Recognize zero-area cases and avoid common factor-of-two and sign errors

Area from Two Vectors

Two vectors based at the same point determine a parallelogram: place the vectors along two adjacent sides, then complete the figure. The cross product gives a direct way to calculate its area, even when the parallelogram is tilted in three-dimensional space.

The key quantity is the magnitude of the cross product, not its direction. For a triangle formed by the same two side vectors, the area is half the parallelogram’s area. These formulas also work when the vertices are not at the origin: first form the vectors by subtracting the appropriate vertex coordinates.

Area formulas: If \(\mathbf{u}\) and \(\mathbf{v}\) are vectors in three-dimensional space, the parallelogram they span has area \(\|\mathbf{u}\times\mathbf{v}\|\). The triangle with sides \(\mathbf{u}\) and \(\mathbf{v}\) from a shared vertex has area \(\frac{1}{2}\|\mathbf{u}\times\mathbf{v}\|\).

Cross-Product Magnitude and Area

For vectors \(\mathbf{u}=(u_1,u_2,u_3)\) and \(\mathbf{v}=(v_1,v_2,v_3)\), the cross product is

$$ \mathbf{u}\times\mathbf{v} = (u_2v_3-u_3v_2,\; u_3v_1-u_1v_3,\; u_1v_2-u_2v_1). $$

The magnitude of a vector \((a,b,c)\) is \(\sqrt{a^2+b^2+c^2}\). Thus, after computing a cross product, its magnitude is found by squaring its three components, adding, and taking the square root.

For two nonzero vectors, let \(\theta\) be the angle between them, with \(0\leq\theta\leq\pi\). The geometric height of the parallelogram is the length of the component of \(\mathbf{v}\) perpendicular to \(\mathbf{u}\), namely \(\|\mathbf{v}\|\sin\theta\). Its base has length \(\|\mathbf{u}\|\). Therefore its area is \(\|\mathbf{u}\|\|\mathbf{v}\|\sin\theta\). The cross-product magnitude gives exactly this quantity.

Definition: The parallelogram spanned by \(\mathbf{u}\) and \(\mathbf{v}\) is the figure whose adjacent sides are those vectors placed tail-to-tail. Its area is nonnegative. If the vectors are parallel or either vector is zero, the figure is degenerate and has area zero.

Why the Magnitude Formula Works

The connection between the cross product and the angle can be justified algebraically. The dot product satisfies \(\mathbf{u}\cdot\mathbf{v}=\|\mathbf{u}\|\|\mathbf{v}\|\cos\theta\). Expanding the components of the cross product gives the identity below.

1
Expand the cross-product magnitude.
Squaring the three components and collecting terms gives the sum of the squared two-by-two differences.
2
Rewrite using dot products.
The same expression equals the product of the squared vector lengths minus the squared dot product.
3
Use the angle formula.
Substituting the dot-product expression leaves the squared product of the lengths times \(\sin^2\theta\).
$$ \begin{aligned} \|\mathbf{u}\times\mathbf{v}\|^2 &=(u_2v_3-u_3v_2)^2 +(u_3v_1-u_1v_3)^2 +(u_1v_2-u_2v_1)^2\\ &=(u_1^2+u_2^2+u_3^2)(v_1^2+v_2^2+v_3^2) -(u_1v_1+u_2v_2+u_3v_3)^2\\ &=\|\mathbf{u}\|^2\|\mathbf{v}\|^2 -(\mathbf{u}\cdot\mathbf{v})^2\\ &=\|\mathbf{u}\|^2\|\mathbf{v}\|^2 -\|\mathbf{u}\|^2\|\mathbf{v}\|^2\cos^2\theta\\ &=\|\mathbf{u}\|^2\|\mathbf{v}\|^2\sin^2\theta. \end{aligned} $$

For completeness, the middle algebraic identity follows by expanding the right-hand side: the terms \(u_i^2v_i^2\) cancel, and each remaining pair is \(u_i^2v_j^2+u_j^2v_i^2-2u_iu_jv_iv_j=(u_iv_j-u_jv_i)^2\). These are exactly the three squared differences in the first line. Taking square roots is valid because magnitudes and \(\sin\theta\) are nonnegative for \(0\leq\theta\leq\pi\). Hence

$$ \|\mathbf{u}\times\mathbf{v}\| =\|\mathbf{u}\|\|\mathbf{v}\|\sin\theta. $$

This matches the base-times-height area calculation. A triangle formed by the same two adjacent sides has half the parallelogram’s area, since a diagonal divides a parallelogram into two equal-area triangles.

Theorem: For any two vectors \(\mathbf{u},\mathbf{v}\in\mathbb{R}^3\), the spanned parallelogram has area \(\|\mathbf{u}\times\mathbf{v}\|\), and the triangle formed by those vectors has area \(\frac{1}{2}\|\mathbf{u}\times\mathbf{v}\|\). The formulas include the degenerate case, where the area is zero.

Worked Example: Parallelogram from Two Vectors

Worked Example: Parallelogram from Two Vectors

Find the area of the parallelogram spanned by \(\mathbf{u}=(2,-1,3)\) and \(\mathbf{v}=(1,4,0)\).

First compute each component of the cross product:

$$ \begin{aligned} \mathbf{u}\times\mathbf{v} &=((-1)(0)-(3)(4),\;(3)(1)-(2)(0),\;(2)(4)-(-1)(1))\\ &=(-12,3,9). \end{aligned} $$

Its magnitude is

$$ \|\mathbf{u}\times\mathbf{v}\| =\sqrt{(-12)^2+3^2+9^2} =\sqrt{144+9+81} =\sqrt{234} =3\sqrt{26}. $$

Therefore the parallelogram’s area is \(3\sqrt{26}\) square units.

Check the squared magnitude using the dot-product identity: \(\|\mathbf{u}\|^2=2^2+(-1)^2+3^2=14\), \(\|\mathbf{v}\|^2=1^2+4^2+0^2=17\), and \(\mathbf{u}\cdot\mathbf{v}=2(1)+(-1)(4)+3(0)=-2\). Thus \(14(17)-(-2)^2=238-4=234\), agreeing with the computed cross-product magnitude squared.

Using Vertices Away from the Origin

When a problem gives points instead of side vectors, subtract coordinates to obtain two vectors with a common tail. If the triangle has vertices \(P,Q,R\), a convenient choice is \(\overrightarrow{PQ}=Q-P\) and \(\overrightarrow{PR}=R-P\). Both vectors start at \(P\), so they form two sides of the triangle. The order of subtraction matters for the vectors, but reversing the cross-product order only changes its sign, not its magnitude.

Worked Example: Triangle with Non-Origin Vertices

Find the area of the triangle with vertices \(P=(1,2,-1)\), \(Q=(4,2,0)\), and \(R=(2,5,1)\).

Use \(P\) as the shared vertex and subtract its coordinates from the other two points:

$$ \overrightarrow{PQ}=Q-P=(4-1,2-2,0-(-1))=(3,0,1), $$
$$ \overrightarrow{PR}=R-P=(2-1,5-2,1-(-1))=(1,3,2). $$

Now compute their cross product:

$$ \begin{aligned} \overrightarrow{PQ}\times\overrightarrow{PR} &=(0(2)-1(3),\;1(1)-3(2),\;3(3)-0(1))\\ &=(-3,-5,9). \end{aligned} $$

The magnitude is

$$ \sqrt{(-3)^2+(-5)^2+9^2} =\sqrt{9+25+81} =\sqrt{115}. $$

This is the area of the parallelogram on those two sides. The triangle has half that area, so its area is \(\frac{\sqrt{115}}{2}\) square units.

Check the magnitude with the dot-product identity. The squared lengths are \(3^2+0^2+1^2=10\) and \(1^2+3^2+2^2=14\), and the dot product is \(3(1)+0(3)+1(2)=5\). Therefore the squared cross-product magnitude is \(10(14)-5^2=140-25=115\), as computed. Halving the parallelogram area gives the triangle area.

Worked Example: Parallelogram with Four Non-Origin Vertices

Worked Example: Parallelogram with Four Non-Origin Vertices

A parallelogram has adjacent vertices \(P=(2,-1,3)\), \(Q=(5,0,3)\), and \(R=(3,2,4)\), with \(P\) the shared vertex of the adjacent sides. Find its area and the fourth vertex \(S\).

The two side vectors from \(P\) are

$$ \overrightarrow{PQ}=Q-P=(5-2,0-(-1),3-3)=(3,1,0), $$
$$ \overrightarrow{PR}=R-P=(3-2,2-(-1),4-3)=(1,3,1). $$

The fourth vertex is obtained by adding both side vectors to \(P\):

$$ S=P+\overrightarrow{PQ}+\overrightarrow{PR} =(2,-1,3)+(3,1,0)+(1,3,1) =(6,3,4). $$

Compute the cross product and its magnitude:

$$ \begin{aligned} \overrightarrow{PQ}\times\overrightarrow{PR} &=(1(1)-0(3),\;0(1)-3(1),\;3(3)-1(1))\\ &=(1,-3,8),\\ \|\overrightarrow{PQ}\times\overrightarrow{PR}\| &=\sqrt{1^2+(-3)^2+8^2} =\sqrt{1+9+64} =\sqrt{74}. \end{aligned} $$

The parallelogram’s area is \(\sqrt{74}\) square units. As a check on the fourth vertex, the opposite side from \(R\) to \(S\) is \(S-R=(6-3,3-2,4-4)=(3,1,0)=\overrightarrow{PQ}\). The other opposite side is \(S-Q=(6-5,3-0,4-3)=(1,3,1)=\overrightarrow{PR}\). The sides match, and the computed cross-product magnitude is \(\sqrt{74}\).

Degenerate Cases and Common Errors

If the two side vectors are parallel, their cross product is the zero vector, so the formula gives area zero. Geometrically, the supposed parallelogram has collapsed into a line segment. This includes the case where one of the vectors is zero. No angle needs to be calculated in those cases; the cross-product formula applies directly.

A common mistake is to use the parallelogram area as the triangle area. In the triangle example above, \(\sqrt{115}\) is the parallelogram area formed by the two side vectors, not the triangle area. The triangle area is \(\frac{\sqrt{115}}{2}\). Doubling the triangle’s area gives \(\sqrt{115}\), which checks the factor of one-half.

Another possible error is to treat the cross product’s signs as part of the area. For example, \((-3,-5,9)\) and \((3,5,-9)\) have opposite directions but the same magnitude, \(\sqrt{115}\). Area is always nonnegative, so use the magnitude of the cross product rather than one of its signed components.

Takeaway: For a triangle or parallelogram specified by points, first form two side vectors from a shared vertex. Take their cross product and its magnitude. Use the full magnitude for the parallelogram and half for the triangle.

Check Your Understanding

Use the cross-product area formulas to answer the following.

  1. What is the area of the parallelogram spanned by \((1,0,0)\) and \((0,2,0)\)?
  2. For a triangle with vertices \(A,B,C\), which two coordinate differences can be used as side vectors with a common tail at \(A\)?
  3. Why is the triangle area half the magnitude of the cross product of its two side vectors?
  4. What does a zero cross product imply about the area of the spanned parallelogram?
  5. If the cross product is \((-2,1,2)\), what is the area of the triangle formed by the vectors?

Previous

Next

Back to Tutorials