(Note: Record a 10-second GIF of your globe spinning with traffic and put it here!)
Live Network Radar is a full-stack, real-time packet visualizer. It captures raw network traffic leaving your machine and instantly maps the destination IP addresses to a 3D interactive globe using WebSockets and WebGL.
- Backend: Go,
gopacket/libpcap - Frontend: React, Vite, Deno,
react-globe.gl(Three.js) - Communication: Real-time WebSockets
- Infrastructure: Docker & Docker Compose
- Raw Packet Sniffing: Uses Go and
libpcapto read TCP/UDP packets directly from the network interface. - Real-Time Geolocation: Resolves IP addresses to physical coordinates using external APIs.
- 3D Visualization: Renders destination arcs and interactive tooltips dynamically on a WebGL-powered 3D Earth.
- Optimized Rendering: Deduplicates target nodes and handles state efficiently to prevent Z-fighting and WebGL lag.
Because this app requires elevated privileges to sniff raw network packets, it is containerized using Docker with host network binding. ALso, note there is an .env.template in the github repo where lan and lon coordinates are expected.
- Docker and Docker Compose installed.
- Ensure your machine supports raw packet sniffing (Linux/macOS default; Windows requires WSL2 or specific configurations).
- Clone the repository:
git clone [https://github.com/yourusername/network-radar.git](https://github.com/yourusername/network-radar.git) cd network-radar - Setup the containter
sudo docker-compose up --build
- Access the Visualizer Open your browser to localhost:5173