Cross product — formula, direction (right-hand rule), torque - area calculation: Visual walkthrough

Before line one, here is the entire vocabulary we will build, in order:

An arrow (a vector) — a length and a direction.
The angle $θ$ between two arrows.
The idea of base $\times$ height for a slanted patch.
The word $sin θ$ — where it comes from and why it (and not $cos θ$ ) shows up.
The direction the answer points, using your right hand.
What happens in the weird cases (parallel arrows, a zero arrow, the angle past $9 0^{\circ}$ ).

Prerequisites we lean on: Vectors — addition, components, unit vectors (what an arrow and its length mean) and, for contrast at the end, Dot product — formula, projection, work calculation.

Step 1 — Two arrows, tail to tail

WHAT: Draw two arrows, $A$ and $B$ , starting from the same point. That shared starting point is called the tail.

WHY: The cross product measures how two arrows spread apart from a common corner. If they started in different places there would be no single corner to measure the spread from — so we always slide them until their tails touch.

PICTURE: In the figure, both arrows leave the same dot. The magenta one is $A$ , the violet one is $B$ . The opening between them is the angle we will name next.

Figure — Cross product — formula, direction (right-hand rule), torque - area calculation

Step 2 — Naming the angle $θ$

WHAT: We label the wedge between the two arrows with the symbol $θ$ .

WHY: Every fact about the cross product depends on how open the two arrows are, not on how they happen to be rotated on the page. $θ$ is the one number that captures "how open".

PICTURE: The orange arc sits inside the wedge. When the arc is thin the arrows nearly agree; when the arc is a quarter-turn they are perpendicular; when it is a half-turn they point opposite ways.

Step 3 — Completing the parallelogram

WHAT: Slide a copy of $B$ so its tail sits at the head of $A$ , and slide a copy of $A$ to the head of $B$ . The four arrows enclose a filled patch.

WHY: Area is the natural thing "two spread-apart arrows" produce. A number alone (like the dot product gives) can't describe how much surface they sweep out — so we look at the patch they bound.

PICTURE: The peach-shaded region is the parallelogram. Its bottom edge is $A$ (we will call this the base). We still need its height — that comes next, and that is where $sin θ$ is born.

Step 4 — Drop the height, and $sin θ$ appears

WHAT: From the head of $B$ , drop a straight line perpendicular (at a right angle) down onto the line carrying $A$ . The length of that dropped line is the height $h$ . It forms a right-angled triangle whose slanted side (the hypotenuse) is $B$ itself, of length $B$ .

WHY $sin$ and not something else: In a right triangle, $sin θ$ is defined as $sin θ = \frac{opposite}{hypotenuse} .$ Here the side opposite the angle $θ$ is exactly our height $h$ , and the hypotenuse is $B$ 's length $B$ . So $opp / hyp sin θ = \frac{h}{B} ⟹ the height h = length of B B how much of B is "upward" sin θ .$ We reach for $sin$ precisely because $sin$ is the tool that turns "a slanted length and its angle" into "the upright part of that length" — and the upright part is what a height is.

PICTURE: The navy dashed segment is $h$ . Watch how it is the vertical leg of the little right triangle, with $B$ as the slanted top and $θ$ tucked at the bottom-left corner.

Step 5 — Multiply base by height

WHAT: Put base ( $A$ ) and height ( $B sin θ$ ) together with the area rule.

WHY: We wanted a single positive number saying "how much do these arrows spread". The slanted box's area is that number, and Step 4 just handed us its two ingredients.

PICTURE: The figure shades the same parallelogram twice — once as a slanted box, once "sheared" into an upright rectangle of the same base $A$ and same height $B sin θ$ . Shearing (sliding the top edge sideways) never changes area, which is the visual proof that base × height still works even though the box is tilted.

Reveal the pieces:

Why is the base

A

and not

B

We chose

A

as the base; choosing

B

gives the same area since

B \times (A sin θ)

is the same product.

Why is the height

B sin θ

In the right triangle, height = opposite side = hypotenuse

B

times

sin θ

Step 6 — Edge case: parallel arrows ( $θ = 0^{\circ}$ )

WHAT: Let $θ \to 0^{\circ}$ . Then $sin 0^{\circ} = 0$ , so $A B sin θ = 0$ .

WHY it must be zero: With the arrows lying on top of each other the height $h = B sin θ$ is zero — the "box" is a flat sliver of no area. A flat sliver encloses nothing.

PICTURE: The magenta and violet arrows lie almost along the same line; the shaded region has thinned to a hairline. Below it, the same thing at exactly $θ = 0$ : a single line, area $0$ .

This is why parallel vectors give $A \times B = 0$ . It is also true at $θ = 18 0^{\circ}$ (arrows opposite), because $sin 18 0^{\circ} = 0$ too — the box is flat there as well.

Step 7 — Edge case: past $9 0^{\circ}$ , and a zero arrow

WHAT — obtuse angle: Take $θ$ between $9 0^{\circ}$ and $18 0^{\circ}$ . Now the foot of the perpendicular from $B$ lands on the extension of $A$ , behind the tail. The height is still $B sin θ$ , and since $sin θ$ stays positive for $0 < θ < 18 0^{\circ}$ , the area stays a sensible positive number. No sign trouble — unlike the dot product, whose $cos θ$ flips negative past $9 0^{\circ}$ .

WHAT — a zero arrow: If either arrow has length $0$ (say $B = 0$ , a mere point), then $A B sin θ = A \cdot 0 \cdot sin θ = 0$ . A point has no direction to spread against, so there is no box and no area.

WHY show both: The reader must never meet an angle or an input we didn't cover. Between them, Steps 6–7 sweep every case: $θ = 0$ , $0 < θ < 9 0^{\circ}$ , $θ = 9 0^{\circ}$ (maximum, $sin = 1$ ), $9 0^{\circ} < θ < 18 0^{\circ}$ , $θ = 18 0^{\circ}$ , and a degenerate zero-length arrow.

PICTURE: Left panel: an obtuse wedge, perpendicular dropped onto the dashed backward extension of $A$ , height still drawn upward and positive. Right panel: $B$ shrunk to a dot, box vanished.

Step 8 — Which way does the answer point?

WHAT: Attach the perpendicular arrow to the parallelogram, on the thumb's side.

WHY it matters: This is exactly what makes the cross product useful for torque (Torque and rotational equilibrium), angular momentum (Angular momentum — L = r × p) and magnetic force (Magnetic force — F = qv × B): each needs an axis in space, not just a size. Swapping the arrows ( $B \times A$ ) curls the fingers the other way and flips the thumb — the visual reason for anti-commutativity, $A \times B = - B \times A$ .

PICTURE: The peach parallelogram lies flat; the navy arrow rises out of it, with a little curl-arrow showing fingers going $A \to B$ .

The one-picture summary

Everything above, on a single sheet: two arrows from one tail, the angle $θ$ , the completed parallelogram, the dashed height $B sin θ$ , the area label $A B sin θ$ , and the navy thumb-arrow poking out along $A \times B$ .

Recall Feynman retelling — the whole walkthrough in plain words

Put two arrows so their back ends touch. The gap between them is the angle $θ$ . Now build the tilted box those two arrows fence off — that's a parallelogram. To find how big it is you need its base and its straight-up height. The base is just the length of the first arrow, $A$ . The height isn't the second arrow's full length, because that arrow leans; it's only the upward part of it. The tool that pulls the upward part out of a leaning length is $sin θ$ , so the height is $B sin θ$ . Multiply: area $= A B sin θ$ . When the arrows point the same way there's no gap, no height, no box — area zero, which is why parallel arrows cross to nothing. When they're square-on ( $9 0^{\circ}$ ) the box is fattest and the area is biggest. Past $9 0^{\circ}$ it thins out again, still positive, no minus signs to worry about. Finally, an area needs to know which face it shows: curl your right hand's fingers from the first arrow to the second, and your thumb points that way. Size from the box, direction from your thumb — together they are $A \times B$ .

Recall Quick self-check

Height of the parallelogram in terms of $B, θ$ ? ::: $B sin θ$ Value of $∣ A \times B ∣$ when $θ = 9 0^{\circ}$ ? ::: $A B$ (maximum, since $sin 9 0^{\circ} = 1$ ) Value when $θ = 0^{\circ}$ or $18 0^{\circ}$ ? ::: $0$ (the box is flat) Why $sin$ and not $cos$ ? ::: We need the upright (perpendicular) part of $B$ ; $sin$ = opposite/hyp gives that height, while $cos$ gives the flat part. Where does the direction come from? ::: The right-hand rule — fingers $A \to B$ , thumb is the answer.

Connections

Cross product — formula, direction (right-hand rule), torque - area calculation — the parent topic
Vectors — addition, components, unit vectors — what arrows and lengths mean
Dot product — formula, projection, work calculation — the $cos θ$ cousin, for contrast
Torque and rotational equilibrium — where the thumb-direction becomes a spin axis
Angular momentum — L = r × p and Magnetic force — F = qv × B — same $sin θ$ -and-thumb machinery