Interactive guide
The determinant scales every shape's area.
Drag either colored arrowhead. Both shaded shapes rescale together.
unit square (area 1) a circle (area π/4) both scale by |det|
⎡ 2.00 0.00 ⎤ ⎣ 0.00 0.50 ⎦
—
—
- Square area
- 1.00
- Circle area
- 0.79
- Winding
- CCW
Watch the numbers 0→1→2→3 on the square's corners as you drag. Reading them in order traces a direction around the shape, counter-clockwise for a positive determinant, clockwise the instant it goes negative. That flip is what "negative area" means here: not less area, reversed orientation.
Why ad − bc is an area at all
The unit square starts as a 1×1 square: two sides along the axes, area exactly 1. A matrix bends those two sides into the vectors (a, c) and (b, d), so the square becomes a parallelogram with those two vectors as its edges. The parallelogram spanned by two vectors always has area (their x's and y's crossed and subtracted): a×d − b×c, this is not a coincidence, it's a restatement of "base times height" once you write the height in coordinates.
Nothing in that argument mentions the unit square specifically. Any shape, dragged through the same two vectors' worth of stretching and shearing, picks up the exact same scale factor. The circle on the right is the proof: its area (π/4, always) times |det| lands exactly on its new area, every time you drag.
Reading the picture
-
1
Square area = |det(M)|, always
Not approximately, not "roughly proportional to", exactly equal, for every matrix you can drag to.
-
2
Circle area = (π/4)×|det(M)|
Same scale factor, different starting shape. The factor doesn't care what it's scaling.
-
3
0→1→2→3 counter-clockwise: det > 0
The transformation preserves orientation, a stretch, rotation, or shear, never a mirror.
-
4
0→1→2→3 clockwise: det < 0
Somewhere in the drag, the shape passed through a mirror image of itself, the sign remembers that even after the area is measured as positive.
This is the same grid and the same matrix as the Matrix Transformations page, one level more specific: that page shows what a matrix does to a shape, this page proves exactly how much area it takes to do it, and that the answer never depends on which shape you asked about. In three dimensions the identical fact holds for volume, a 3×3 determinant scales every volume by the same constant, unit cube or sphere alike.
The jargons
One scale factor, proven twice, on two different shapes.
An area with a direction attached: positive for counter-clockwise boundary traversal, negative for clockwise.
ad − bc. Equals the signed area of the parallelogram spanned by the matrix's two columns.
|det(M)|: the number every shape's area gets multiplied by under the transformation, regardless of the shape's own form.
Which way a shape's boundary winds. Preserved when det > 0, reversed (mirrored) when det < 0.
What the unit square becomes under any linear map: two pairs of parallel sides, formed by the matrix's two column vectors.
The same idea one dimension up: a 3×3 matrix's determinant is the factor every volume gets multiplied by.