What you're seeing
The faded, dashed triangle is the pre‑image — the original figure, with vertices A, B, C. The solid triangle is the image — where the figure lands after the transformation, with vertices A′, B′, C′.
The chip below the plane is the mapping rule in coordinate notation, e.g. \((x,y)\to(x+3,\;y-2)\). On the right, the thick segment is A′B′; its length and midpoint (the white dot) recompute every time you move a control. Notice that translate, reflect, and rotate keep the length the same — that's what makes them rigid motions — while dilate scales it.