3.1 Matrices as Geometric Grid Transformations: Stretching, Shearing, and Rotating

The fastest way to build geometric intuition in linear algebra is to stop viewing a matrix as a static block of numbers and start viewing it as a coordinate grid transformation. Every $2 \times 2$ matrix $A$ is completely determined by where it sends just two arrows: the horizontal basis vector $\mathbf{e}_1 = \begin{bmatrix} 1 \\ 0 \end{bmatrix}$ and the vertical basis vector $\mathbf{e}_2 = \begin{bmatrix} 0 \\ 1 \end{bmatrix}$.

In this Article

• 1. Reading Matrix Columns as Transformed Basis Vectors
• 2. Linearity: Why Grid Lines Remain Parallel and Evenly Spaced
• 3. Visual Gallery: Diagonal Stretch, Horizontal Shear, and Rotation
• 4. Tracing a Vector and Unit Circle Through a Matrix
• 5. Active Recall Check and Key Takeaways

1. Reading Matrix Columns as Transformed Basis Vectors

Multiply any $2 \times 2$ matrix $A = \begin{bmatrix} a & b \\ c & d \end{bmatrix}$ by the standard basis vectors $\mathbf{e}_1 = \begin{bmatrix} 1 \\ 0 \end{bmatrix}$ and $\mathbf{e}_2 = \begin{bmatrix} 0 \\ 1 \end{bmatrix}$:

$$A\mathbf{e}_1 = \begin{bmatrix} a & b \\ c & d \end{bmatrix}\begin{bmatrix} 1 \\ 0 \end{bmatrix} = \begin{bmatrix} a \\ c \end{bmatrix}, \qquad A\mathbf{e}_2 = \begin{bmatrix} a & b \\ c & d \end{bmatrix}\begin{bmatrix} 0 \\ 1 \end{bmatrix} = \begin{bmatrix} b \\ d \end{bmatrix}$$

2. Linearity: Why Grid Lines Remain Parallel and Evenly Spaced

Any vector $\mathbf{x} = \begin{bmatrix} x_1 \\ x_2 \end{bmatrix}$ is simply $x_1 \mathbf{e}_1 + x_2 \mathbf{e}_2$. Because matrix multiplication is a linear map ($A(x_1\mathbf{e}_1 + x_2\mathbf{e}_2) = x_1(A\mathbf{e}_1) + x_2(A\mathbf{e}_2)$), a point that started $x_1$ steps along $\mathbf{e}_1$ and $x_2$ steps along $\mathbf{e}_2$ ends up $x_1$ steps along Column 1 and $x_2$ steps along Column 2. Geometrically, this means:

• The origin $\mathbf{0}$ stays fixed at $\mathbf{0}$.
• Straight lines remain straight lines (never curving).
• Parallel grid lines remain parallel and evenly spaced, turning unit squares into parallelograms and the unit circle into an ellipse.

   UNIT SQUARE BEFORE A:                PARALLELOGRAM AFTER A = [[2, 1], [0, 1]]:
         x2                                   x2
         ^                                    ^         (1,1) lands at [3,1]
   (0,1) +-------+ (1,1)                (0,1) .---------*-------* (3,1)
         |       |                           /         /       /
         |       |                          /         /       /
   ------+-------+---> x1               ---+---------+-------+---> x1
       (0,0)   (1,0)                     (0,0)             (2,0) = Ae_1

3. Visual Gallery: Diagonal Stretch, Horizontal Shear, and Rotation

Transformation Type	Matrix $A$	Where $\mathbf{e}_1$ Lands	Where $\mathbf{e}_2$ Lands	Geometric Effect on Grid
Anisotropic Scaling	$$\begin{bmatrix} 3 & 0 \\ 0 & 2 \end{bmatrix}$$	$$\begin{bmatrix} 3 \\ 0 \end{bmatrix}$$	$$\begin{bmatrix} 0 \\ 2 \end{bmatrix}$$	Stretches horizontal by $3\times$ and vertical by $2\times$
Horizontal Shear	$$\begin{bmatrix} 1 & 1.5 \\ 0 & 1 \end{bmatrix}$$	$$\begin{bmatrix} 1 \\ 0 \end{bmatrix}$$	$$\begin{bmatrix} 1.5 \\ 1 \end{bmatrix}$$	Slides horizontal layers rightward like a deck of cards
$90^\circ$ Counterclockwise Rotation	$$\begin{bmatrix} 0 & -1 \\ 1 & 0 \end{bmatrix}$$	$$\begin{bmatrix} 0 \\ 1 \end{bmatrix}$$	$$\begin{bmatrix} -1 \\ 0 \end{bmatrix}$$	Rigidly rotates the entire grid $90^\circ$ without distortion
Symmetric Stretch-Shear	$$\begin{bmatrix} 2 & 1 \\ 1 & 2 \end{bmatrix}$$	$$\begin{bmatrix} 2 \\ 1 \end{bmatrix}$$	$$\begin{bmatrix} 1 \\ 2 \end{bmatrix}$$	Pure stretch along $45^\circ$ and $-45^\circ$ diagonals

4. Tracing a Vector and Unit Circle Through a Matrix

Given $A = \begin{bmatrix} 2 & 1 \\ 0 & 1 \end{bmatrix}$, where does $\mathbf{x} = \begin{bmatrix} -1 \\ 2 \end{bmatrix}$ land, and what is the area of the parallelogram formed by $A\mathbf{e}_1$ and $A\mathbf{e}_2$?

1. Combine columns: $A\mathbf{x} = (-1)\begin{bmatrix} 2 \\ 0 \end{bmatrix} + 2\begin{bmatrix} 1 \\ 1 \end{bmatrix} = \begin{bmatrix} -2+2 \\ 0+2 \end{bmatrix} = \begin{bmatrix} 0 \\ 2 \end{bmatrix}$.
2. Parallelogram area: The base along the horizontal axis has length $2$ (from $A\mathbf{e}_1 = \begin{bmatrix} 2 \\ 0 \end{bmatrix}$), and the vertical height is $1$ (from $A\mathbf{e}_2 = \begin{bmatrix} 1 \\ 1 \end{bmatrix}$). Thus $\text{Area} = 2 \times 1 = 2$, which matches $\det(A) = (2)(1) - (1)(0) = 2$.

5. Active Recall Check and Key Takeaways

Quick Check: Test Your Understanding

Question: A linear transformation in $\mathbb{R}^2$ reflects every vector across the $45^\circ$ line $x_2 = x_1$ (so horizontal and vertical axes swap places). Write down its $2 \times 2$ matrix $A$ purely by tracking where $\mathbf{e}_1$ and $\mathbf{e}_2$ land.

Answer: Reflecting across $x_2 = x_1$ sends $\mathbf{e}_1 = \begin{bmatrix} 1 \\ 0 \end{bmatrix}$ to $\begin{bmatrix} 0 \\ 1 \end{bmatrix}$ (Column 1) and sends $\mathbf{e}_2 = \begin{bmatrix} 0 \\ 1 \end{bmatrix}$ to $\begin{bmatrix} 1 \\ 0 \end{bmatrix}$ (Column 2). Therefore, $A = \begin{bmatrix} 0 & 1 \\ 1 & 0 \end{bmatrix}$.

• Columns are the destination of basis vectors: $A = \begin{bmatrix} A\mathbf{e}_1 & A\mathbf{e}_2 \end{bmatrix}$.
• Grid coordinates are preserved: $A\mathbf{x} = x_1(A\mathbf{e}_1) + x_2(A\mathbf{e}_2)$ uses the original coordinates $x_1, x_2$ on the warped grid.
• Canonical References: Watch 3Blue1Brown on Linear Transformations and Matrices.

Course Navigation & Chapter Links

This article is part of the complete 24-part Synapticz public course: Intuitive Eigenvalues, Eigenvectors, and Principal Component Analysis (Top-Down & Bottom-Up).

• Chapter 3 Overview: Chapter 3: Visualizing Linear Transformations, Eigenvectors, and Eigenvalues Without Memorization
• Microlearning 3.1: 3.1 Matrices as Geometric Grid Transformations: Stretching, Shearing, and Rotating
• Microlearning 3.2: 3.2 Eigenvectors and Eigenvalues as Invariant Axes of Pure Stretch
• Microlearning 3.3: 3.3 Why det(A - λI) = 0 Finds Non-Zero Vectors in the Collapse Nullspace
• Previous Lesson: Chapter 3: Visualizing Linear Transformations, Eigenvectors, and Eigenvalues Without Memorization
• Next Lesson: 3.2 Eigenvectors and Eigenvalues as Invariant Axes of Pure Stretch