# Maproom: North Atlantic Storms Atlas

## Subject
An interactive atlas of the North Atlantic, showing storm tracks, shipping lanes, and atmospheric pressure patterns — focused on place-driven storytelling around convoy routes and hurricane hazards.

## Layer Set
1. **Base** — Coastlines, graticule (10° lat/lon grid), and named place markers for major ports and islands
2. **Shipping** — Major North Atlantic shipping lanes with port callouts, route labels, and interactive route detail
3. **Storms** — Synthetic hurricane tracks (2022–2024) with category coloring (Saffir-Simpson scale), storm names, and clickable track detail
4. **Pressure** — Isobar overlay with high/low pressure cells, millibar labels, and animated cell drift

## Navigation Model
- **Pan**: click-drag on the map
- **Zoom**: scroll wheel or pinch gesture (touch)
- **Click/Tap**: show location detail panel with port or storm info
- **Layer toggles**: floating panel with checkboxes for each layer

## Interactive Features
- **Convoy Route Tour**: guided narrative mode following a WWII-style convoy from Halifax to Liverpool with auto-pan and annotated waypoints
- **Storm Timeline**: playback scrubber that animates storms growing and tracking across the season
- **Visited Memory**: clicked ports and storms are remembered via localStorage and highlighted on reload

## Visual Direction
- Dark ocean base (deep navy `#0a1628`) with warm landmasses (olive-grey `#3a4a3a`)
- Graticule in subtle cyan (`#1a3a5a`)
- Shipping lanes as glowing gold dashed lines (`#f0c040`)
- Storm tracks use Saffir-Simpson colour ramp (TD blue → TS mint → Cat 1 yellow → Cat 3 orange → Cat 4 red → Cat 5 magenta)
- Pressure isobars in translucent white
- Clean sans-serif overlays with minimal chrome

## Quality Notes
- Coastlines drawn as canvas paths using simplified polygon data
- No external images or data files
- Fully responsive (desktop and mobile layouts)
- Touch-optimised with gesture support
- State persisted across page loads via localStorage