10th September 2018
This JavaScript canvas application allows you to visualise the geometric effect of 2x2 transformation matrices.
Change the entries in the textboxes below and press 'Transform' to animate the transformation. The animation is produced by interpolating between the start and end points for each grid line (this is not perfect; e.g. it means that rotation matrices don't always look like rotations!).
You can draw shapes on the canvas with the mouse by clicking and dragging.
| Matrix: |
,
, or choose an example: |