If you're seeing this message, it means we're having trouble loading external resources on our website.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Main content

Transformations

Here we see how to think about multivariable functions through movement and animation.

The idea of transformations

In all of our methods for visualizing multivariable functions, the goal is to somehow see the connection between the input and the output of a function.
  • With graphs, this means plotting points whose coordinates include both input and output information.
  • With contour maps this means marking which input values will go to certain output values.
  • With parametric functions, you mark where the input lands in the output space.
  • With vector fields you plot the output as a vector whose tail sits at the input.
The thought behind transformations is to simply watch (or imagine) each input point moving to its corresponding output point.
It can be a bit of a mind-warp to view functions as transformations if you never have before, so if it feels confusing at first, that's okay.
To whet your appetite for what this might look like, here's a video from the parametric surface article which shows how a certain function transforms a square into a torus (doughnut shape):
Khan Academy video wrapper

Concept over precision

Thinking about functions as transformations can be very powerful for a few reasons:
  • We are not constrained as much by dimension. Both the input and the output can have either one, two or three dimensions, and there will be a way to concretely think about what the function is doing.
    Even when the dimensions are too big to look at, thinking in terms of a transformation at least allows for a vague idea of what's happening in principle. For example, we can know that a function from 100-dimensional space to 20-dimensional space is "flattening" down 80 dimensions, perhaps analogous to squishing three-dimensional space onto the line.
  • This idea generalizes more easily to functions with different types of inputs and outputs, such as functions of the complex numbers, or functions that map points of the sphere onto the xy-plane.
  • Understanding functions in this capacity will make it easier to see the connections between multivariable calculus and linear algebra.
However, with all that said, it should be stressed that transformations are most powerful as an understanding of what functions do, not as a precise description. It would be rare to learn the properties of a given function by observing what it looks like as a transformation.

Example 1: From line to line

Let's start simple, with a single-variable function.
f(x)=x23
Consider all the input-output pairs.
x (input)x23 (output)
21
12
03
12
21
What would it look like for all the inputs on the number line to slide over onto their corresponding output? If we pictured the input space as one number line, and the output space as another number line, we might get a motion like this:
Khan Academy video wrapper
Alternatively, since in this case the input space and output space are really the same thing, a number line, we could think of the line transforming onto itself, dragging each point x to where the point x23 started off, like this:
Khan Academy video wrapper

Example 2: From line to plane

Now let's take a function with a one-dimensional input and a two-dimensional output, like
f(x)=(cos(x),x2sin(x))
Again we consider all input-output pairs.
Inputs xOutputs (cos(x),x2sin(x))
0(1,0)
π2(0,π4)
π(1,0)
Imagine all possible inputs on the number line sliding onto their corresponding outputs. This time, since the outputs have two coordinates, they live in the xy-plane.
Khan Academy video wrapper
Notice, the final image of the warped and twirled number line inside the xy-plane is what we would have drawn if we interpreted f as a parametric function, but this time, we can actually see which input points end up where on the final curve.
Let's take a moment to watch it again and follow some specific inputs as they move to their outputs.
0f(0)=(cos(0),0sin(0))=(1,0)π2f(π2)=(cos(π2),π4sin(π2))=(0,π/4)πf(π)=(cos(π),π2sin(π))=(1,0)
Khan Academy video wrapper

Example 3: Simple plane to plane transformation

Consider a 90 rotation of the plane (arrows are pictured just to help follow the transformation):
Khan Academy video wrapper
This could be considered a way to visualize a certain function with a two-dimensional input and a two-dimensional output. Why?
This transformation moves points in two-dimensional space to other points in two-dimensional space. For example, the point that starts at (1,0) ends at (0,1). The point that starts at (1,2) ends at (2,1), etc. The function describing this transformation is
f(x,y)=(y,x)
For any given point, like (3,4), this function f tells you where that point lands after you rotate the plane 90 counterclockwise, (in this case (4,3)).

Example 4: More complicated plane to plane transformation

Now let's look at a more complicated function with a two-dimensional input and a two-dimensional output:
f(x,y)=(x2+y2,x2y2).
Each input is a point on the plane, such as (1,2), and it moves to another point on the plane, such as (12+22,1222)=(5,3). When we watch every point on the plane slide over to its corresponding output point, it looks as if a copy of the plane is morphing:
Khan Academy video wrapper
Notice, all the points end up on the right side of the plane. This is because the first coordinate of the output is x2+y2, which must always be positive.
Challenge question: In the transformation above, representing the function f(x,y)=(x2+y2,x2y2), notice that all points end up in the sideways-V-shaped region between the lines x=y and x=y. Which of the following numerical facts explains this?
Choose 1 answer:

Example 5: From plane to line

Next think of a function with a two-dimensional input and a one-dimensional output.
f(x,y)=x2+y2,
The corresponding transformation will squish the xy-plane onto the number line.
Khan Academy video wrapper
Such squishification can make it hard to follow everything that's going on, so for the sake of a precise and clear description, you would be better off using a graph or a contour map. Nevertheless, it can be a helpful concept to keep in the back of your mind that what function from two dimensions to one dimension does is squish the plane onto the line in a certain way.
For instance, this gives a new way to interpret the level sets in a contour map: they are all the points of the plane which scrunch together into a common point on the line.

Example 6: From plane to space

Functions with a two-dimensional input and three-dimensional output map the plane into three-dimensional space. For instance, such a transformation might look like this (the red and blue lines are just to help keep track of what happens to the x and y directions):
Khan Academy video wrapper
Analogous to the one-to-two dimensions example above, our final image reflects the surface we would get by interpreting the function as a parametric function.

Example 7: From space to space

Functions from three dimensions to three dimensions can be seen as mapping all three-dimensional space onto itself. With this many variables, actually looking at the transformation can be a combination of horrifying, beautiful, and confusing. For instance, consider this function:
f(x,y,z)=(yz,xz,xy)
Here's what it looks like as a transformation.
Khan Academy video wrapper
It might be pretty, but it's a serious spaghettified mess to actually try to follow.

Final thoughts

Transformations can provide wonderful ways to interpret properties of a function once you learn them. For instance, constant functions squish their input space to a point, and discontinuous functions must tear apart the input space during the movement.
These physical interpretations can become particularly helpful as we venture into the topics of multivariable calculus, in which one runs the risk of learning concepts and operations symbolically without an underlying understanding of what's happening.

Want to join the conversation?