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 Mapping rule row in the readout under the lab gives the transformation in coordinate notation, e.g. \((x,y)\to(x+3,\;y-2)\). On the plane itself, the thick highlighted segment is A′B′; its length and midpoint (the ringed dot at its centre) 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.