The animation below shows a triangle being translated.
Translations are isometries . As you can see in diagram 2 below, $$ \triangle ABC $$ is translated to form its image $$ \triangle A'B'C' $$. And the distance between each of the points on the preimage is maintained in its image
The length of each segment of the preimage is equal to its corresponding side in the image .$ m \overline = 3 \\ m \overline = 3 \\ \\ m \overline = 4 \\ m \overline = 4 \\ \\ m \overline = 5 \\ m \overline = 5 $
You can also see that the orientation of the letters is preserved, i.e. that the vertices in the original shape are ordered $$ABC$$ , in clockwise order, and that the image maintains the same clockwise order, making translations a direct isometry.
In translation notation, the first number represents how many units in the x direction, the second number, how many in the y direction. Both numbers tell us about how far and in what direction we are going to slide the point.
In the animation below, you can see how we actually translate the point by $$-1 $$ in the x direction and then by $$ +2$$ in the y direction .
As the animation shows a translation of $$T_<(\red<-1,+2>)> $$ on the point A with coordinates $$(3,2) $$ produces an image at $$ (2,4) $$.
And $$ (3 \red, 2 \red) \rightarrow (2,4) $$.