Operator Fusion & the Roofline Model (2D)
Interactive 2D lab: watch a neural-network op pipeline (Conv-BN-ReLU-Conv-Pool) fuse into single kernels, cutting DRAM round-trips, on a top-down pipeline diagram paired with a pannable/zoomable roofline plot that tracks arithmetic intensity and achieved throughput as precision and edge hardware change.
Edge-inference runtimes like TensorFlow Lite, Core ML and ONNX Runtime spend as much effort fusing operators as they do quantizing weights — because on battery-powered hardware, DRAM traffic often costs more time and energy than the arithmetic itself. This lab renders a five-stage Conv-BatchNorm-ReLU-Conv-Pool pipeline as a top-down 2D diagram: data packets travel from a memory rail up into each operator and back down, unless that operator has been fused into its neighbor, in which case the packet stays in flight and never touches memory. Below it, a pannable, zoomable roofline plot — the standard performance-modeling tool for exactly this problem — tracks arithmetic intensity and achieved throughput as you toggle fusion, switch precision (FP32/FP16/INT8) and swap between a mobile CPU, mobile GPU and edge NPU, showing numerically why fusion is worth more on memory-bound stages than compute-bound ones.
2D lab: watch a Conv-BatchNorm-ReLU-Conv-Pool inference pipeline fuse into single kernels on a top-down pipeline diagram, cutting DRAM round-trips, while a pannable, zoomable roofline plot tracks arithmetic intensity and achieved throughput across precisions and edge hardware.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install