Packet Flow Visualizer
An interactive visualization of how packets traverse a network, built for teaching.
ReactD3WebSockets
Overview
A teaching tool that animates packets moving across a small network topology, letting you toggle firewalls, drop links, and watch routing adapt in real time.
What I learned
Building intuitive visualizations is mostly about what you leave out. The first version showed every field of every packet and was unreadable; the useful version shows just enough to build a mental model.
Replace this with your real project. The frontmatter fields (
demoUrl,repoUrl,tech,featured) drive both the card and this page.