Matrices as transformations

If we think about a matrix as a transformation of space it can lead to a deeper understanding of matrix operations. This viewpoint helps motivate how we define matrix operations like multiplication, and, it gives us a nice excuse to draw pretty pictures. This material touches on linear algebra (usually a college topic).

The idea of a "transformation" can seem more complicated than it really is at first, so before diving into how $2 \times 2$2, times, 2 matrices transform $2$2-dimensional space, or how $3 \times 3$3, times, 3 matrices transform $3$3-dimensional space, let's go over how plain old numbers (a.k.a. $1 \times 1$1, times, 1 matrices) can be considered transformations of $1$1-dimensional space.

"$1$1-dimensional space" is simply the number line.

What happens when you multiply every number on the line by a particular value, like $2$2? One way to visualize this is as follows:

We keep a copy of the original line for reference, then slide each number on the line to $2$2 times that number.

Similarly, multiplication by $\dfrac{1}{2}$start fraction, 1, divided by, 2, end fraction could be visualized like this:

And so that negative numbers don't feel neglected, here is multiplication by $-3$minus, 3:

For those of you fond of fancy terminology, these animated actions could be described as "Linear transformations of $1$1-dimensional space". The word “transformation” means the same thing as “function”: something which takes in a number and outputs a number, like $f(x) = 2x$f, left parenthesis, x, right parenthesis, equals, 2, x. However, while we typically visualize functions with their graphs, people tend to use the word “transformation” to indicate that you should instead visualize some object moving, stretching, squishing, etc. So the function $f(x) = 2x$f, left parenthesis, x, right parenthesis, equals, 2, x visualized as a transformation gives us the "Multiplication by $2$2" video above. It moves the point $1$1 on the number line to where $2$2 starts off, moves $2$2 to where $4$4 starts off, etc.

Before we move on to $2$2-dimensional space, there's one simple but important fact we should keep in the back of our minds. Suppose you watch one of these transformations, knowing that it's multiplication by some number, but without knowing what that number is, like this one:

You can easily figure out which number is being multiplied into the line by $\goldE{\text{following }1}$start color #a75a05, start text, f, o, l, l, o, w, i, n, g, space, end text, 1, end color #a75a05. In this case, $1$1 lands where $-3$minus, 3 started off, so you can tell that the animation represents multiplication by $-3$minus, 3.

A $2$2-dimensional linear transformation is a special kind of function which takes in a $2$2-dimensional vector $\left[ \begin{array}{c} x \\ y \end{array} \right]$ and outputs another $2$2-dimensional vector. As before, our use of the word “transformation” indicates we should think about smooshing something around, which in this case is $2$2-dimensional space. Here are some examples:

For our purposes, what makes a transformation linear is the following geometric rule: The origin must remain fixed, and all lines must remain lines. So all the transforms in the above animation are examples, but the following are not:

Imagine you are watching one particular transformation, like this one

How could you describe this to a friend who is not watching the same animation? You can no longer describe it using a single number, the way we could just follow the number $1$1 in the one dimensional case. To help keep track of everything, let's put a green arrow over the vector $\greenD{\left[ \begin{array}{c} 1 \\ 0 \end{array} \right]}$, put a red arrow over the vector $\redD{\left[\begin{array}{c} 0 \\ 1 \end{array} \right]}$, and fix a copy of the grid in the background.

Now it's a lot easier to see where things land. For example, watch the animation again, and focus on the vector $\left[ \begin{array}{c} 1 \\ 1 \end{array} \right]$, we can more easily follow it to see that it lands on the vector $\left[\begin{array}{c} 4 \\ -2 \end{array} \right]$.

We can represent this fact with the following notation:

Notice, a vector like $\left[ \begin{array}{c} 2 \\ 0 \end{array} \right]$, which starts off as $2$2 times the green arrow, continues to be $2$2 times the green arrow after the transformation. Since the green arrow lands on $\greenD{\left[ \begin{array}{c} 1 \\ -2 \end{array} \right]}$, we can deduce that

$\left[ \begin{array}{c} 2 \\ 0 \end{array} \right] \rightarrow 2 \cdot \greenD{\left[ \begin{array}{c} 1 \\ -2 \end{array} \right]} = \left[ \begin{array}{c} 2 \\ -4 \end{array} \right]$.

And in general

Similarly, the destination of the entire $y$y-axis is determined by where the red arrow $\redD{\left[ \begin{array}{c} 0 \\ 1 \end{array} \right]}$ lands, which for this transformation is $\redD{\left[ \begin{array}{c} 3 \\ 0 \end{array} \right]}$.

In fact, once we know where $\left[ \begin{array}{c} 1 \\ 0 \end{array} \right]$ and $\left[ \begin{array}{c} 0 \\ 1 \end{array} \right]$ land, we can deduce where every point on the plane must go. For example, let's follow the point $\left[ \begin{array}{c} -1 \\ 2 \end{array} \right]$ in our animation:

It starts at $-1$minus, 1 times the green arrow plus $2$2 times the red arrow, but it also ends at $-1$minus, 1 times the green arrow plus $2$2 times the red arrow, which after the transformation means

This ability to break up a vector in terms of its components both before and after the transformation is what's so special about linear transformations.

In general, since each vector $\left[ \begin{array}{c} x \\ y \end{array} \right]$ can be broken down as

If the green arrow $\greenD{\left[ \begin{array}{c} 1 \\ 0 \end{array} \right]}$ lands on some vector $\greenD{\left[ \begin{array}{c} a \\ c \end{array} \right]}$, and the red arrow $\redD{\left[ \begin{array}{c} 0 \\ 1 \end{array} \right]}$ lands on some vector $\redD{\left[ \begin{array}{c} b \\ d \end{array} \right]}$, then the vector $\left[ \begin{array}{c} x \\ y \end{array} \right]$ must land on

A really nice way to describe all this is to represent a given linear transform with the matrix

where the first column tells us where $\greenD{\left[ \begin{array}{c} 1 \\ 0 \end{array} \right]}$ lands and the second column tells us where $\redD{\left[ \begin{array}{c} 0 \\ 1 \end{array} \right]}$ lands. Now we can describe where any vector $\textbf{v} = \left[ \begin{array}{c} x \\ y \end{array} \right]$ lands very compactly as the matrix-vector product

In fact, this is where the definition of a matrix-vector product comes from.

So in the same way that $1$1-dimensional linear transforms could be described as multiplication by some number, namely whichever number $1$1 lands on top of, $2$2-dimensional linear transforms can always be described by a $2 \times 2$2, times, 2 matrix, namely the one whose first column indicates where $\left[ \begin{array}{c} 1 \\ 0 \end{array} \right]$ lands, and whose second column indicates where $\left[ \begin{array}{c} 0 \\ 1 \end{array} \right]$ lands.