Visualizes an affine transformation in 2D as a two-step process: first a linear map (y = W·x) that mixes and reweights vector components via matrix multiplication, then a bias translation (+b) that shifts the result independent of the input. The animation cycles through the stages and highlights the corresponding parts of the equation y = W·x + b.
Pure Canvas2D, time-based 3.6s loop. Uses responsive scaling (scale=min(w,h)/240), snapped pixel/grid coordinates for a blocky aesthetic, and staged easing for linear-map then bias-translation. Vectors are drawn in a small 2D axis frame with arrows and labels; panels show numeric W, b, x, y with staged highlights.