Shows a residual block where the input x splits into two paths: an identity shortcut (x) and a residual branch F(x). The branches merge at an elementwise addition node to produce y = F(x) + x. Animated “signal packets” travel forward along both paths and flash at the + node to emphasize summation, while a small backprop panel illustrates stronger gradient flow with the skip connection versus attenuation without it. A hint reinforces the residual-mapping view: the block learns the delta (y − x), making identity solutions easy.
Pure Canvas2D; time-based loop (~3.6s) with ease()-shaped phase ramps. Diagram elements are grid-snapped for a blocky aesthetic; animated packets move along piecewise-linear paths. A secondary panel uses simple animated bars to contrast gradient strength with/without a skip connection.