4.1 The Determinant as Area

The determinant of the $2 times 2$ matrix with columns $(a, c)$ and $(b, d)$ is the number $det = a d - b c$ . The definition earns its keep through two facts you can watch. First, $| det |$ is the area of the image of the unit square — and therefore the factor by which the transformation multiplies the area of any region, since any region is well approximated by a fine mosaic of little squares, each of which is scaled by the same factor. Second, the sign of $det$ records whether the plane kept its orientation or was flipped over.

The figure below is built to be driven through the interesting event. It starts at $a equals 2$ , $b equals 1$ , $c equals 1$ , $d equals 1$ , where $det = 2 \cdot 1 - 1 \cdot 1 = 1$ : a sheared parallelogram with exactly the area of the gray unit square beneath it.

A flat parallelogram in the xy-plane with its two origin edges drawn in red (first matrix column) and blue (second column), over a faint gray unit square. Four sliders a, b, c, d set the matrix entries: dragging them changes the parallelogram's area, collapses it to a segment when ad - bc reaches zero, and turns it inside out when ad - bc goes negative. — The image parallelogram with red edge $(a, c)$ and blue edge $(b, d)$ , over a faint gray unit square for scale. The starting entries $a equals 2$ , $b equals 1$ , $c equals 1$ , $d equals 1$ give determinant $1$ ; dragging $d$ downward drives the determinant through zero and out the other side.

Explore the figure

At the defaults, compare the parallelogram with the gray unit square. The shapes differ, but the areas match: $det equals 1$ . A matrix can distort violently while preserving area exactly.
Drag $d$ up to $2$ . Now $det = 2 \cdot 2 - 1 \cdot 1 = 3$ ; judge by eye that the parallelogram holds about three gray squares.
Drag $d$ slowly down to $0.5$ . Watch the parallelogram thin and die: at $d equals 0.5$ the blue edge $open parenthesis 1, 0.5 close parenthesis$ is exactly half the red edge $open parenthesis 2, 1 close parenthesis$ , the columns are dependent, and $det = 2 (0.5) - 1 = 0$ .
Keep going to $d equals 0$ . The parallelogram reopens — but flipped. Before the collapse, sweeping from the red edge to the blue edge went one way around; now it goes the other. Here $det = - 1$ : area $1$ again, orientation reversed.

Sign is orientation

Why does the sign change mean a flip? For edge vectors $(a, c)$ and $(b, d)$ , the quantity $a d - b c$ is positive exactly when the second edge lies counterclockwise from the first — the same relative position $𝐞 sub 2$ holds to $𝐞 sub 1$ . A positive-determinant matrix moves both basis vectors while preserving that relative arrangement; a negative determinant means the images are in the reversed arrangement, which no amount of rotating or stretching within the plane can produce — the plane must have been turned over. And because your slider moved continuously, the only route from $det equals 1$ to $det = - 1$ passed through $det equals 0$ : you cannot flip a page without, at some instant, seeing it edge-on.

Determinant zero is the same event Chapter 2 called dependence and Chapter 3 called collapse, viewed once more. Dependent columns span a line instead of a plane; the transformation crushes two dimensions of input into one dimension of output; distinct points are forced to share images, so no inverse transformation can exist. A matrix is invertible exactly when its determinant is nonzero — a numerical test for a geometric catastrophe.

Example 1 Locate the collapse exactly

With $a equals 2$ , $b equals 1$ , $c equals 1$ held fixed, find every value of $d$ at which the image parallelogram degenerates to a segment, and compute the area scale factor at $d equals 2$ and at $d equals 0$ .

The determinant is $det = a d - b c = 2 d - 1$ , which vanishes only at $d equals 0.5$ . There the columns are $open parenthesis 2, 1 close parenthesis$ and $open parenthesis 1, 0.5 close parenthesis equals 0.5 open parenthesis 2, 1 close parenthesis$ — dependent, so the image is the segment of the line through $open parenthesis 2, 1 close parenthesis$ , matching the collapse seen on the slider. At $d equals 2$ : $det equals 3$ , so every region's area is tripled, orientation preserved. At $d equals 0$ : $det = - 1$ , so areas are preserved in size but the plane is flipped; a shape and its image are mirror versions of each other. Note the two settings $d equals 2$ and $d equals 0$ both give $| det | greater than or equal to 1$ , yet only one of them can be continuously undone without a collapse along the way.

An original work of XYZ Homework, built around interactive XYZ 3D figures. Its chapter sequence is aligned to Interactive Linear Algebra (Margalit & Rabinoff, Georgia Tech, GNU FDL); this work is original, copies nothing from it, and is not affiliated with or endorsed by its authors. License: CC-BY-NC-SA-4.0.