Animated 4-panel, green-on-black visualization cycling through power, product, chain, and quotient rules. Each panel shows a function (dim) and its derivative (bright) on a shared graph, with a moving sample point x* and a right-side blocky ‘formula pipeline’ that highlights how each rule is applied. The quotient rule panel explicitly rewrites f/g as f·(1/g) and then applies the product rule to reveal the reciprocal derivative piece.
Pure Canvas2D TypeScript draw function using time-sliced panels (2–4s each). Uses responsive scaling via scale=min(w,h)/240 and a snapped pixel grid for a blocky aesthetic. Plots functions with polyline sampling and overlays derivatives; animates a sweeping x* point and per-panel emphasis via smoothstep/ease blending.