Skip to content

Mathematics · Ch 10 — Vector Algebra

Vector (or Cross) Product of Two Vectors

10.6.3

Vector (or Cross) Product of Two Vectors

Vector (or Cross) Product of Two Vectors

The Right-Handed Coordinate System

In a right-handed rectangular coordinate system, if you curl the fingers of your right hand from the positive x-axis toward the positive y-axis, your thumb points along the positive z-axis. Equivalently, a right-handed screw rotated from the x-axis toward the y-axis advances along the positive z-axis. This orientation underlies the definition of the cross product.

Definition of the Vector (Cross) Product

For two nonzero vectors a⃗\vec{a} and b⃗\vec{b}, their vector product (also called cross product) is denoted a⃗×b⃗\vec{a} \times \vec{b} and defined as:

a⃗×b⃗=∣a⃗∣∣b⃗∣sin⁡θ  n^\vec{a} \times \vec{b} = |\vec{a}| |\vec{b}| \sin\theta \;\hat{n}

where:

  • θ\theta is the angle between a⃗\vec{a} and b⃗\vec{b}, with 0≤θ≤π0 \leq \theta \leq \pi
  • n^\hat{n} is a unit vector perpendicular to both a⃗\vec{a} and b⃗\vec{b}
  • a⃗\vec{a}, b⃗\vec{b}, n^\hat{n} form a right-handed system
Important

When you rotate from a⃗\vec{a} toward b⃗\vec{b}, the direction of n^\hat{n} is the direction in which a right-handed screw would advance.

If either a⃗=0⃗\vec{a} = \vec{0} or b⃗=0⃗\vec{b} = \vec{0}, then θ\theta is not defined, and we define a⃗×b⃗=0⃗\vec{a} \times \vec{b} = \vec{0}.

Observations About the Cross Product

Observation 1: The Result is a Vector

Unlike the dot product, which gives a scalar, a⃗×b⃗\vec{a} \times \vec{b} is always a vector.

Observation 2: Parallel Vectors

For nonzero a⃗\vec{a} and b⃗\vec{b}, a⃗×b⃗=0⃗\vec{a} \times \vec{b} = \vec{0} if and only if a⃗\vec{a} and b⃗\vec{b} are parallel (collinear), since then θ=0\theta = 0 or π\pi, making sin⁡θ=0\sin\theta = 0.

Note

In particular, a⃗×a⃗=0⃗\vec{a} \times \vec{a} = \vec{0} and a⃗×(−a⃗)=0⃗\vec{a} \times (-\vec{a}) = \vec{0}.

Observation 3: Perpendicular Vectors

If θ=π2\theta = \frac{\pi}{2}, then sin⁡θ=1\sin\theta = 1, so:

∣a⃗×b⃗∣=∣a⃗∣∣b⃗∣|\vec{a} \times \vec{b}| = |\vec{a}| |\vec{b}|

Observation 4: Cross Products of Unit Vectors

For the mutually perpendicular right-handed unit vectors i^\hat{i}, j^\hat{j}, k^\hat{k}:

i^×i^=0⃗,j^×j^=0⃗,k^×k^=0⃗\hat{i} \times \hat{i} = \vec{0}, \quad \hat{j} \times \hat{j} = \vec{0}, \quad \hat{k} \times \hat{k} = \vec{0}

i^×j^=k^,j^×k^=i^,k^×i^=j^\hat{i} \times \hat{j} = \hat{k}, \quad \hat{j} \times \hat{k} = \hat{i}, \quad \hat{k} \times \hat{i} = \hat{j}

Tip

Going forward in the cycle i^→j^→k^→i^\hat{i} \to \hat{j} \to \hat{k} \to \hat{i} gives the next unit vector (positive); going backward gives its negative.

Observation 5: Finding the Angle Between Vectors

sin⁡θ=∣a⃗×b⃗∣∣a⃗∣∣b⃗∣\sin\theta = \frac{|\vec{a} \times \vec{b}|}{|\vec{a}| |\vec{b}|}

Observation 6: Non-Commutativity

The vector product is not commutative:

a⃗×b⃗=−(b⃗×a⃗)\vec{a} \times \vec{b} = -(\vec{b} \times \vec{a})

›Proof

a⃗×b⃗=∣a⃗∣∣b⃗∣sin⁡θ  n^\vec{a} \times \vec{b} = |\vec{a}| |\vec{b}| \sin\theta \;\hat{n} and b⃗×a⃗=∣a⃗∣∣b⃗∣sin⁡θ  n^1\vec{b} \times \vec{a} = |\vec{a}| |\vec{b}| \sin\theta \;\hat{n}_1 have the same magnitude. But if a⃗\vec{a} and b⃗\vec{b} lie in the plane of the paper, n^\hat{n} points above the paper while n^1\hat{n}_1 points below, so n^1=−n^\hat{n}_1 = -\hat{n}. Therefore b⃗×a⃗=−(a⃗×b⃗)\vec{b} \times \vec{a} = -(\vec{a} \times \vec{b}).

Observation 7: Cross Products in Reverse Order

From Observations 4 and 6:

j^×i^=−k^,k^×j^=−i^,i^×k^=−j^\hat{j} \times \hat{i} = -\hat{k}, \quad \hat{k} \times \hat{j} = -\hat{i}, \quad \hat{i} \times \hat{k} = -\hat{j}

Observation 8: Area of a Triangle

If a⃗\vec{a} and b⃗\vec{b} represent the adjacent sides of a triangle, its area is 12∣a⃗×b⃗∣\frac{1}{2} |\vec{a} \times \vec{b}|.

›Proof

For triangle ABC with AB =a⃗= \vec{a}, AC =b⃗= \vec{b} and included angle θ\theta: Area =12×AB×CD= \frac{1}{2} \times \text{AB} \times \text{CD}, where CD =∣b⃗∣sin⁡θ= |\vec{b}| \sin\theta is the perpendicular from C to AB. Thus Area =12∣a⃗∣∣b⃗∣sin⁡θ=12∣a⃗×b⃗∣= \frac{1}{2} |\vec{a}| |\vec{b}| \sin\theta = \frac{1}{2} |\vec{a} \times \vec{b}|.

Observation 9: Area of a Parallelogram

If a⃗\vec{a} and b⃗\vec{b} represent the adjacent sides of a parallelogram, its area is ∣a⃗×b⃗∣|\vec{a} \times \vec{b}|.

›Proof

For parallelogram ABCD with AB =a⃗= \vec{a}, AD =b⃗= \vec{b}: Area =AB×DE= \text{AB} \times \text{DE}, where DE =∣b⃗∣sin⁡θ= |\vec{b}| \sin\theta is the perpendicular from D to AB. Thus Area =∣a⃗∣∣b⃗∣sin⁡θ=∣a⃗×b⃗∣= |\vec{a}| |\vec{b}| \sin\theta = |\vec{a} \times \vec{b}|.

Properties of the Vector Product

Property 3: Distributivity of Vector Product Over Addition

If a⃗\vec{a}, b⃗\vec{b}, c⃗\vec{c} are any three vectors, then:

(i) a⃗×(b⃗+c⃗)=a⃗×b⃗+a⃗×c⃗\vec{a} \times (\vec{b} + \vec{c}) = \vec{a} \times \vec{b} + \vec{a} \times \vec{c}

(ii) (a⃗+b⃗)×c⃗=a⃗×c⃗+b⃗×c⃗(\vec{a} + \vec{b}) \times \vec{c} = \vec{a} \times \vec{c} + \vec{b} \times \vec{c}

Watch out

The distributive property holds, but the cross product is not commutative. So a⃗×(b⃗+c⃗)\vec{a} \times (\vec{b} + \vec{c}) is not the same as (b⃗+c⃗)×a⃗(\vec{b} + \vec{c}) \times \vec{a}.

Cross Product in Component Form …

Definition 3Vector (cross) product of two vectors

Definition

The vector product (or cross product) of two nonzero vectors a⃗\vec{a} and b⃗\vec{b} is denoted by a⃗×b⃗\vec{a} \times \vec{b} and is defined as:

a⃗×b⃗=∣a⃗∣ ∣b⃗∣ sin⁡θ  n^\vec{a} \times \vec{b} = |\vec{a}|\,|\vec{b}|\,\sin\theta\;\hat{n}

where:

  • θ\theta is the angle between a⃗\vec{a} and b⃗\vec{b}, with 0≤θ≤π0 \le \theta \le \pi.
  • n^\hat{n} is a unit vector perpendicular to both a⃗\vec{a} and b⃗\vec{b}, such that a⃗\vec{a}, b⃗\vec{b}, and n^\hat{n} form a right-handed system.

Right-handed system: If you curl the fingers of your right hand from a⃗\vec{a} toward b⃗\vec{b}, your thumb points in the direction of n^\hat{n}.

Special case: If either a⃗=0⃗\vec{a} = \vec{0} or b⃗=0⃗\vec{b} = \vec{0}, then θ\theta is not defined, and we define a⃗×b⃗=0⃗\vec{a} \times \vec{b} = \vec{0}.


Intuition

The cross product gives a new vector whose:

  • magnitude equals the area of the parallelogram formed by a⃗\vec{a} and b⃗\vec{b},
  • direction is perpendicular to the plane containing a⃗\vec{a} and b⃗\vec{b}, following the right-hand rule.

Tiny Example …

Property 3

Distributivity of vector product over addition: For any three vectors a⃗\vec{a}, b⃗\vec{b}, c⃗\vec{c} and a scalar λ\lambda:

  1. a⃗×(b⃗+c⃗)=a⃗×b⃗+a⃗×c⃗\vec{a} \times (\vec{b} + \vec{c}) = \vec{a} \times \vec{b} + \vec{a} \times \vec{c}
  2. (a⃗+b⃗)×c⃗=a⃗×c⃗+b⃗×c⃗(\vec{a} + \vec{b}) \times \vec{c} = \vec{a} \times \vec{c} + \vec{b} \times \vec{c}
  3. λ(a⃗×b⃗)=(λa⃗)×b⃗=a⃗×(λb⃗)\lambda (\vec{a} \times \vec{b}) = (\lambda \vec{a}) \times \vec{b} = \vec{a} \times (\lambda \vec{b}) …
Figure 10.22Right-handed coordinate system shown two ways: a right-handed screw on the Z-axis advancing upward as it turns from X toward Y, and a right hand with fingers curling from X to Y and the thumb pointing along Z.
Fig. 10.22 — Right-handed coordinate system shown two ways: a right-handed screw on the Z-axis advancing upward as it turns from X toward Y, and a right hand with fingers curling from X to Y and the thumb pointing along Z.

Drawn by us to help you understand the concept clearly, and verified to make sure it's accurate. For exams, practice from your textbook's own diagram.

Fig 10.22 is the textbook’s visual anchor for the right-handed coordinate system — the convention that governs the direction of the cross product. The figure has two panels, (i) and (ii), each showing the same idea from a different angle.

Panel (i) shows the three axes XX, YY, ZZ meeting at the origin OO. A right-handed screw is placed along the ZZ-axis. An indigo curved arrow on the XYXY-plane indicates a rotation from the positive XX-axis toward the positive YY-axis. As that rotation happens, the screw advances upward along the positive ZZ-direction. This is the physical rule: a counterclockwise turn from XX to YY drives a screw forward in +Z+Z.

Panel (ii) replaces the screw with a right hand placed at the origin. The fingers curl from the positive XX-axis toward the positive YY-axis (again shown by an indigo curved arrow). The thumb, drawn as an indigo arrow, points straight up along the positive ZZ-axis. This is the familiar right-hand rule: curl your fingers from the first vector to the second, and your thumb gives the direction of the cross product.

Both panels teach the same geometric fact: the triplet (X,Y,Z)(X, Y, Z) forms a right-handed system. This is not arbitrary — it is the standard convention used throughout physics and engineering. When you take the cross product a⃗×b⃗\vec{a} \times \vec{b}, the resulting vector c⃗\vec{c} is perpendicular to both a⃗\vec{a} and b⃗\vec{b}, and its direction is given by this same right-hand rule.

The textbook uses this figure to ground Definition 3 of the vector product:

a⃗×b⃗=∣a⃗∣ ∣b⃗∣ sin⁡θ  n^\vec{a} \times \vec{b} = |\vec{a}|\,|\vec{b}|\,\sin\theta \;\hat{n}

Here θ\theta is the angle between a⃗\vec{a} and b⃗\vec{b} (0≤θ≤π0 \leq \theta \leq \pi), and n^\hat{n} is a unit vector perpendicular to both a⃗\vec{a} and b⃗\vec{b}. The triplet (a⃗,b⃗,n^)(\vec{a}, \vec{b}, \hat{n}) must form a right-handed system — exactly the convention Fig 10.22 illustrates. If you rotate a⃗\vec{a} into b⃗\vec{b} through the smaller angle, a right-handed screw would advance in the direction of n^\hat{n}.

Watch out

The cross product is not commutative. Swapping the order reverses the direction: b⃗×a⃗=−a⃗×b⃗\vec{b} \times \vec{a} = -\vec{a} \times \vec{b}. The right-hand rule makes this clear — curling from b⃗\vec{b} to a⃗\vec{a} gives a thumb pointing opposite to n^\hat{n}.

For the unit vectors along the axes, Fig 10.22 directly implies the cyclic relations: …

Figure 10.23Vector product a x b: vectors a and b from a common point with angle theta between them, the unit normal n-hat directed up and -n-hat dashed down, and a curved arrow rotating from a to b showing the direction of the cross product.
Fig. 10.23 — Vector product a x b: vectors a and b from a common point with angle theta between them, the unit normal n-hat directed up and -n-hat dashed down, and a curved arrow rotating from a to b showing the direction of the cross product.

Drawn by us to help you understand the concept clearly, and verified to make sure it's accurate. For exams, practice from your textbook's own diagram.

Fig 10.23 is the defining diagram for the cross product. It shows two vectors a and b drawn from a common origin, with the angle θ\theta between them marked by a thin arc. A curved arrow sweeps from a to b, indicating the sense of rotation that determines the direction of the result.

The key feature is the unit vector n^\hat{\mathbf{n}}, shown as a vertical indigo arrow pointing upward. This vector is perpendicular to the plane containing a and b. Its direction is fixed by the right-hand rule: if you curl the fingers of your right hand from a toward b through the smaller angle θ\theta, your thumb points along n^\hat{\mathbf{n}}. The dashed slate arrow pointing downward represents −n^-\hat{\mathbf{n}}, the opposite perpendicular direction — a reminder that the cross product is not commutative and that reversing the order of the vectors reverses the sign.

Important

The cross product a×b\mathbf{a} \times \mathbf{b} is a vector, not a scalar. Its magnitude is ∣a∣∣b∣sin⁡θ|\mathbf{a}||\mathbf{b}|\sin\theta, and its direction is given by n^\hat{\mathbf{n}}, which is perpendicular to both a\mathbf{a} and b\mathbf{b}.

The central formula the figure illustrates is the definition of the vector (cross) product:

a×b=∣a∣ ∣b∣ sin⁡θ  n^\mathbf{a} \times \mathbf{b} = |\mathbf{a}|\,|\mathbf{b}|\,\sin\theta\;\hat{\mathbf{n}}

Here:

  • ∣a∣|\mathbf{a}| and ∣b∣|\mathbf{b}| are the magnitudes (lengths) of the two vectors.
  • θ\theta is the smaller angle between them, with 0≤θ≤π0 \le \theta \le \pi.
  • n^\hat{\mathbf{n}} is a unit vector perpendicular to the plane containing a\mathbf{a} and b\mathbf{b}, oriented so that a\mathbf{a}, b\mathbf{b}, and n^\hat{\mathbf{n}} form a right-handed system.

The diagram makes two physical ideas clear. First, the magnitude ∣a×b∣|\mathbf{a} \times \mathbf{b}| equals the area of the parallelogram spanned by a\mathbf{a} and b\mathbf{b} — that area is ∣a∣∣b∣sin⁡θ|\mathbf{a}||\mathbf{b}|\sin\theta, which is exactly the product of the two magnitudes and the sine of the included angle. Second, the direction of n^\hat{\mathbf{n}} is unique only up to a sign; the right-hand rule picks the correct one. If you swap the order to b×a\mathbf{b} \times \mathbf{a}, the same right-hand rule gives n^1=−n^\hat{\mathbf{n}}_1 = -\hat{\mathbf{n}}, so b×a=−(a×b)\mathbf{b} \times \mathbf{a} = -(\mathbf{a} \times \mathbf{b}).

Watch out

A common mistake is to think the cross product gives a scalar. It does not — it gives a vector perpendicular to the plane of the two original vectors. The sine factor means that if a\mathbf{a} and b\mathbf{b} are parallel (θ=0\theta = 0 or π\pi), the cross product is the zero vector, not a zero scalar. …

Figure 10.24Cyclic order of the unit vectors i-hat, j-hat and k-hat arranged around a circle with arrows following i to j to k, used to recall the sign of their cross products.
Fig. 10.24 — Cyclic order of the unit vectors i-hat, j-hat and k-hat arranged around a circle with arrows following i to j to k, used to recall the sign of their cross products.

Drawn by us to help you understand the concept clearly, and verified to make sure it's accurate. For exams, practice from your textbook's own diagram.

Fig 10.24 is a compact visual mnemonic for the cross products of the three mutually perpendicular unit vectors i^\hat{i}, j^\hat{j}, and k^\hat{k} in a right-handed coordinate system. The figure shows a circle with three equally spaced points labelled by these unit vectors. At the top of the circle is k^\hat{k}; at the lower-left is i^\hat{i}; at the lower-right is j^\hat{j}. Curved arrows run along the circumference in the cyclic order i^→j^\hat{i} \to \hat{j} (along the bottom), j^→k^\hat{j} \to \hat{k} (up the right side), and k^→i^\hat{k} \to \hat{i} (down the left side). Each arrow indicates the direction of the first vector going to the second in a cross product.

The physical idea is simple: if you move forward (in the direction of the arrow) from one unit vector to the next, the cross product gives the third unit vector, and it is positive. For example, following the arrow from i^\hat{i} to j^\hat{j} yields +k^+\hat{k}. If you go backward (against the arrow), the cross product is negative. This cyclic pattern encodes all nine cross products among i^,j^,k^\hat{i}, \hat{j}, \hat{k} without memorising a table.

i^×j^=k^,j^×k^=i^,k^×i^=j^\hat{i} \times \hat{j} = \hat{k},\quad \hat{j} \times \hat{k} = \hat{i},\quad \hat{k} \times \hat{i} = \hat{j}

Each of these follows from the right-hand rule: when you curl the fingers of your right hand from the first vector to the second, your thumb points in the direction of the cross product. The figure makes the cyclic symmetry obvious — moving one step clockwise (in the order shown) gives a positive result; moving one step anticlockwise gives a negative result, as in j^×i^=−k^\hat{j} \times \hat{i} = -\hat{k}.

Watch out

The cross product is not commutative. Reversing the order flips the sign: i^×j^=k^\hat{i} \times \hat{j} = \hat{k} but j^×i^=−k^\hat{j} \times \hat{i} = -\hat{k}. The figure’s arrows only show the positive cycle; the opposite direction gives the negative result.

The textbook uses this figure immediately after defining the vector product and before stating Observation 4, which lists these three fundamental cross products. It also serves as a visual anchor for the determinant formula that follows later in the section:

a⃗×b⃗=∣i^j^k^a1a2a3b1b2b3∣\vec{a} \times \vec{b} = \begin{vmatrix} \hat{i} & \hat{j} & \hat{k} \\ a_1 & a_2 & a_3 \\ b_1 & b_2 & b_3 \end{vmatrix}

where a⃗=a1i^+a2j^+a3k^\vec{a} = a_1\hat{i} + a_2\hat{j} + a_3\hat{k} and b⃗=b1i^+b2j^+b3k^\vec{b} = b_1\hat{i} + b_2\hat{j} + b_3\hat{k}. The cyclic pattern in Fig 10.24 is exactly what the determinant expansion produces: each term picks out a cyclic permutation of the indices. …

Figure 10.25Non-commutativity of the cross product: (i) vectors a and b in the plane with unit normal n-hat directed up for a x b, and (ii) the reversed order b x a with normal n1-hat dashed and directed down.
Fig. 10.25 — Non-commutativity of the cross product: (i) vectors a and b in the plane with unit normal n-hat directed up for a x b, and (ii) the reversed order b x a with normal n1-hat dashed and directed down.

Drawn by us to help you understand the concept clearly, and verified to make sure it's accurate. For exams, practice from your textbook's own diagram.

Fig 10.25 is the visual heart of the non-commutativity of the cross product. It shows two panels, (i) and (ii), each containing the same two vectors a⃗\vec{a} and b⃗\vec{b} lying in the plane of the paper. In both panels, a⃗\vec{a} and b⃗\vec{b} are drawn from a common origin, splaying downward-left and downward-right respectively, with the smaller angle between them labelled θ\theta.

The critical difference between the two panels is the direction of the unit normal vector.

In panel (i), the cross product a⃗×b⃗\vec{a} \times \vec{b} is considered. The unit normal n^\hat{n} is shown as a solid indigo arrow pointing straight up, out of the plane of the paper. This direction is determined by the right-hand rule: curl the fingers of your right hand from a⃗\vec{a} toward b⃗\vec{b} through the angle θ\theta, and your thumb points in the direction of n^\hat{n} — here, upward.

In panel (ii), the cross product b⃗×a⃗\vec{b} \times \vec{a} is considered. The unit normal n^1\hat{n}_1 is shown as a dashed slate arrow pointing straight down, into the plane of the paper. Applying the same right-hand rule, but now curling from b⃗\vec{b} toward a⃗\vec{a}, your thumb points downward. The figure makes it geometrically obvious that n^1=−n^\hat{n}_1 = -\hat{n}.

The central formula that this figure grounds is the anti-commutative property of the cross product:

a⃗×b⃗=− b⃗×a⃗\vec{a} \times \vec{b} = - \, \vec{b} \times \vec{a}

Here, a⃗\vec{a} and b⃗\vec{b} are any two non-zero vectors in three-dimensional space, and the cross product a⃗×b⃗\vec{a} \times \vec{b} is defined as ∣a⃗∣∣b⃗∣sin⁡θ n^|\vec{a}||\vec{b}|\sin\theta \,\hat{n}, where θ\theta is the angle between them (0≤θ≤π0 \leq \theta \leq \pi) and n^\hat{n} is a unit vector perpendicular to both a⃗\vec{a} and b⃗\vec{b} such that a⃗,b⃗,n^\vec{a}, \vec{b}, \hat{n} form a right-handed system. The figure shows that reversing the order of the vectors in the product reverses the direction of the unit normal, which flips the sign of the entire vector result.

Watch out

A common mistake is to think the cross product is commutative like the dot product. Fig 10.25 is designed to kill that instinct. The magnitude ∣a⃗×b⃗∣=∣b⃗×a⃗∣=∣a⃗∣∣b⃗∣sin⁡θ|\vec{a} \times \vec{b}| = |\vec{b} \times \vec{a}| = |\vec{a}||\vec{b}|\sin\theta is the same in both panels, but the direction is opposite. The cross product is anti-commutative, not commutative. …

Figure 10.26Triangle ABC with sides AB=b and AC=a, angle theta at A and altitude CD perpendicular to AB, illustrating that the triangle's area equals one-half the magnitude of a x b.
Fig. 10.26 — Triangle ABC with sides AB=b and AC=a, angle theta at A and altitude CD perpendicular to AB, illustrating that the triangle's area equals one-half the magnitude of a x b.

Drawn by us to help you understand the concept clearly, and verified to make sure it's accurate. For exams, practice from your textbook's own diagram.

Fig 10.26 is a simple triangle drawn in a plane, labelled ABC. Vertex A is at the lower left, B at the lower right, and C at the top. The side AB runs along the base, and the side AC slopes upward from A to C. The vector from A to B is labelled b, and the vector from A to C is labelled a. The angle at vertex A, between a and b, is marked θ\theta.

The key geometric addition is a dashed altitude from C down to the base AB, meeting AB at point D. A small right-angle square is drawn at D, confirming that CD is perpendicular to AB. This altitude is not a vector in the diagram — it is a length, the perpendicular height of the triangle.

What the figure teaches is the link between the cross product of two vectors and the area of the triangle they span. The area of triangle ABC is 12×AB×CD\frac{1}{2} \times \text{AB} \times \text{CD}. But AB is the magnitude ∣b∣|\mathbf{b}|, and CD is the height measured from C to the base. Since AC = ∣a∣|\mathbf{a}| and the angle at A is θ\theta, the altitude CD equals ∣a∣sin⁡θ|\mathbf{a}| \sin \theta. So

Area of △ABC=12 ∣b∣ (∣a∣sin⁡θ)=12 ∣a∣ ∣b∣sin⁡θ.\text{Area of } \triangle ABC = \frac{1}{2}\, |\mathbf{b}| \, (|\mathbf{a}| \sin \theta) = \frac{1}{2}\, |\mathbf{a}|\,|\mathbf{b}| \sin \theta.

The right-hand side is exactly half the magnitude of the cross product: 12∣a×b∣\frac{1}{2} |\mathbf{a} \times \mathbf{b}|.

Area of triangle with adjacent sides a,b=12∣a×b∣\text{Area of triangle with adjacent sides } \mathbf{a}, \mathbf{b} = \frac{1}{2} |\mathbf{a} \times \mathbf{b}| …

Figure 10.27Parallelogram ABCD with sides AB=b and AD=a, angle theta at A and height DE perpendicular to AB, illustrating that the parallelogram's area equals the magnitude of a x b.
Fig. 10.27 — Parallelogram ABCD with sides AB=b and AD=a, angle theta at A and height DE perpendicular to AB, illustrating that the parallelogram's area equals the magnitude of a x b.

Drawn by us to help you understand the concept clearly, and verified to make sure it's accurate. For exams, practice from your textbook's own diagram.

Fig 10.27 is a clean geometric diagram of a parallelogram labelled ABCD. Vertex A is at the lower left, B at the lower right, C at the upper right, and D at the upper left. The side AB runs horizontally along the bottom, and AD runs upward to the left from A. The top side DC is parallel to AB, and the right side BC is parallel to AD. The vector a⃗\vec{a} is drawn along AD, and the vector b⃗\vec{b} is drawn along AB. The angle between these two vectors is marked as θ\theta at vertex A.

The key visual addition is a dashed vertical line from D down to the base AB, meeting AB at point E. A small right-angle square is drawn at E, confirming that DE is perpendicular to AB. This dashed line DE represents the height of the parallelogram when AB is taken as the base.

The physical idea is straightforward: the area of a parallelogram equals base times height. Here the base is ∣b⃗∣|\vec{b}| (the length of AB), and the height is ∣a⃗∣sin⁡θ|\vec{a}|\sin\theta (the length of DE). The figure makes it geometrically obvious why the magnitude of the cross product gives this area.

The textbook uses this figure to derive the central formula for the area of a parallelogram formed by two adjacent vectors:

Area of parallelogram ABCD=∣a⃗×b⃗∣\text{Area of parallelogram ABCD} = |\vec{a} \times \vec{b}|

The derivation follows directly from the diagram. Since AB =b⃗= \vec{b} and AD =a⃗= \vec{a}, the base length is ∣b⃗∣|\vec{b}|. The height DE is the perpendicular distance from D to AB, which equals ∣a⃗∣sin⁡θ|\vec{a}|\sin\theta (the component of a⃗\vec{a} perpendicular to b⃗\vec{b}). Multiplying base by height gives ∣b⃗∣⋅∣a⃗∣sin⁡θ=∣a⃗∣∣b⃗∣sin⁡θ|\vec{b}| \cdot |\vec{a}|\sin\theta = |\vec{a}||\vec{b}|\sin\theta, which is precisely the definition of ∣a⃗×b⃗∣|\vec{a} \times \vec{b}|. …