When someone doesn't already understand bandwidth, latency, and throughput, no amount of diagrams or definitions will land — because they have no mental model to attach them to. They need an analogy first. Something physical. Something they already know.
So I started with a toilet.
The toilet isn't a joke — it's a scaffold. The mechanics of a flush build intuition for three concepts that trip up everyone from help desk technicians to senior engineers who've "always just kind of known" what they mean but couldn't explain the difference.
Then the network diagrams do the real work.
Once the mental model is in place, the animated right panel takes over: TCP handshakes rendered as a conversation between client and server, full-duplex bandwidth lanes running simultaneously, throughput bars that never quite reach the ceiling.
Built to spec — not from a template.
The infographic was built entirely in HTML, CSS, and JavaScript. It includes a simplified static view for environments where animation isn't appropriate, full keyboard accessibility, and reduced-motion support per WCAG 2.1 AA and Section 508 standards.
This is the approach I bring to every piece of content.
Find the unexpected angle that makes the complex undeniable. Build the scaffolding that makes it stick.
