Home▸Electromagnetism▸WiFi Signal Propagation

WiFi Signal Propagation Simulator (2D)

Interactive 2D WiFi signal propagation simulator: drag a router, walls and a receiver over a top-down floor plan and watch a live dBm heatmap follow free-space path loss plus per-wall material attenuation.

Electromagnetism2DModerate60 FPS⇄ 3D version
2d-3d-wifi-signal-propagation ↗ Open standalone

This 2D simulator lays out a top-down floor plan with a draggable WiFi router, movable interior walls and a draggable receiver, then renders a live colour heatmap of received signal strength in dBm across the whole floor. The model combines free-space path loss — signal falling off with the square of distance and rising with frequency — with a fixed decibel penalty every time the direct path crosses a wall, using realistic per-material presets (drywall, wood door, glass, concrete). Drag the receiver anywhere to see its exact reading, the straight-line distance to the router, and how many walls the signal had to punch through to get there — a hands-on way to see why a router placed behind a concrete wall can leave an entire room with an unusable connection.

⚙ Under the hood

Drag a router, walls and a receiver over a top-down floor plan in this 2D simulator and watch a live dBm heatmap follow free-space path loss plus per-wall material attenuation.

Wifi PropagationSignal StrengthPath Loss

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)