← cd ../projects

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.