3D
// live · home network
Network Topology
A realtime, immersive map of the home network rendered in three.js and fed by the UniFi API. Drag to orbit, scroll to zoom, tap or hover any node to pin its live metrics. Everything sensitive stays on the server, so this view is safe to show anyone.
topology · home-network · realtime
drag · scroll · tap
// demo data renders when no controller is configured. Set NUXT_UNIFI_URL + NUXT_UNIFI_API_KEY (plus the Cloudflare Access token when deployed remotely) to go live.
// reading the map
How to read it.
An infrastructure map should explain itself. Three things worth knowing before you start orbiting.
// 01
Privacy by construction
The browser never sees an IP, MAC, VLAN, WAN detail, serial number, or hostname. A server route talks to the UniFi controller and emits only safe, non-identifying telemetry. Node identifiers are synthetic.
// 02
What the motion means
Lines follow the real uplink tree: gateway to switches to access points to clients. Packets stream along each link, their density scaled by live bandwidth. Glow pulses with node state.
// 03
Reading the colors
Cyan is the gateway, blue the switches, lighter blue the access points, soft grey the anonymized clients. A node flares amber when it runs hot and red when it drops offline.