Network Traffic Flow Visualizer
Thousands of simulated packets flowing across a network topology in real time. When your browser supports WebGPU, each packet's position is updated in parallel by a compute shader running on your GPU; otherwise it falls back to a plain JavaScript animation with a smaller packet count.
Detecting GPU support...
Packet Count
-
Simulate Congestion
How this works: topology rendering and drawing always happens on Canvas2D. The part that changes is where each packet's position is calculated: with WebGPU, a compute shader updates every packet's progress along its route in parallel on the GPU each frame, positions are read back and drawn. Without WebGPU, that same update runs in a plain JavaScript loop instead, which is why the packet count is capped lower in that mode. Congestion on a link slows packets traveling through it, using the same math in both modes.