To see what a translation is, please grab the point and move it around.
[[β interactive-graph 1]]
Nice! You translated the point. In geometry, a translation moves a thing up and down or left and right.
Here, try translating this segment by dragging it from the middle, not the endpoints:
[[β interactive-graph 2]]
Notice how the segment's direction and length stayed the same as you moved it. Translations only move things from one place to another; they don't change their size, arrangement, or direction.
Now that we've got a basic understanding of what translations are, let's learn how to use them on the coordinate plane.
Translations on the coordinate plane
Coordinates allow us to be very precise about the translations we perform.
Without coordinates, we could say something like, "We get $\maroonD{B'}$ by translating $\blueD{B}$ down and to the right."
[[β image 2]]
But that's not very precise. If we use a coordinate grid, we can say something more exact: "We get $\maroonD{B'}$ by translating $\blueD{B}$ by 5 units to the right and 4 units down."
[[β image 1]]
More compactly, we can describe this as a translation by $\langle 5,-4 \rangle$.
The negative sign in front of the 4 tells us the vertical shift is downwards instead of upwards. Similarly, a translation to the left is indicated by the first value being negative.
###Pre-images and images
For any transformation, we have the pre-image figure, which is the figure we are performing the transformation upon, and the image figure, which is the result of the transformation. For example, in our translation, the pre-image point was $\blueD{B}$ and the image point was $\maroonD{B'}$.
Note that we indicated the image by $\maroonD{B'}$, pronounced B prime. It is common, when working with transformations, to use the same letter for the image and the pre-image, simply adding the "prime" suffix to the image.
Let's try some practice problems
Problem 1
[[β graded-group 1]]
[[β explanation 1]]
Problem 2
[[β graded-group 1]]
[[β explanation 1]]
Challenge problem
[[β graded-group 1]]
[[β explanation 1]]