OOH Media Planner — Layout Mockups

Three takes on the same interactive scenario planner. Same data (55 DMAs from the Sumo sheet) and the same math engine under the hood — only the layout differs. Open each, poke around, and tell me which structure feels right.

Shared model: OOH only · per-market CPM · build-up & fit-budget modes · GRP + reach-cap math · frequency per 4-week flight  |  Placeholder: CPMs default to $7 until we load real vendor rates.
Layout A

The Cockpit

Control rail + dense, sortable, editable market table + dark instrument summary strip. Per-row CPM editing.

Best for: fast power-planning & precision
Layout B

The Map

Geographic canvas — DMAs as bubbles sized by population, lit green by selection. Summary panel on the right.

Best for: client presentation & geo intuition
Layout C

The Region Builder

Guided configurator — big scenario controls, one expandable card per region with its rollup and market toggles.

Best for: approachable, region-first planning
How to open: double-click any .html file in this folder (they load engine.js from the same folder). Everything recalculates live — try flipping Build-up ↔ Fit budget, changing the flight length, and selecting different markets to watch the region split shift.