GOES animations + NWS forecasts in one dashboard
Vanilla HTML/CSS/JS: live GOES-19 multi-band animations (CONUS, full disk, RGB products), 7-day gridpoint forecast, temperature/precip maps,
and alert polygons from api.weather.gov. Satellite timestamps follow NOAA’s real cadence (5- and 10-minute slots). Optional proxy_gif.py (Flask) can proxy finicky forecast GIFs.
Architecture
| Client | Large inline script in index.html (~1500 LOC) coordinating fetch cadence, animation frame buffers, and UI state. |
|---|---|
| APIs | NOAA api.weather.gov + cdn.star.nesdis.noaa.gov (CORS-open for imagery). |
| Proxy | Optional Python helper for GIF endpoints that misbehave cross-origin or return intermittent 502s upstream. |
Design
Dark theme reduces eye strain for all-day monitoring; a four-column satellite grid keeps related bands adjacent. Alerts are dismissible with severity coloring to avoid alarm fatigue.