Affine Transform Visualizer
Drag handles, tweak sliders, or paste a matrix to visualize 2D affine transformations
Display
Matrix
| ┌ | 1 | 0 | 0 | ┐ |
| │ | 0 | 1 | 0 | │ |
| └ | 0 | 0 | 1 | ┘ |
Decomposition
Translate(0, 0)
Rotation0°
Scale(1, 1)
Skew X0°
Det1
Area ratio1x
Area-preserving transform (|det| ≈ 1). Drag the origin handle to translate, red handle to change the X basis vector, and blue handle to change the Y basis vector.