← All interactives
Eulerly · Lessons 5.1–5.4 · Try it yourself

Transformation playground

A 2×2 matrix T is a machine that moves the whole plane. Its first column says where e₁ lands, its second column says where e₂ lands, and everything else follows. Edit T, drag the arrow tips on the output plane, and watch the unit square turn into its image T @ S.

INPUT plane: the unit square S
OUTPUT plane: the image T @ S
Arrow keys move the tip of: Grid:
Blue grid lines are the images of the vertical lines of the input grid, amber ones the images of the horizontal lines. The curved arrow inside the square turns the other way when the picture is mirrored.

Mode

The matrix T

Column 1 is where e₁ lands, column 2 is where e₂ lands.

Presets

Pick a preset, or edit the numbers.
det T
area of the image of the unit square = |det T|
Area of the image
Te₁ (column 1)
Te₂ (column 2)

Corners: S and T @ S

What to try