A multi-page weather visualization suite — search any city, compare seasonal forecasts side-by-side, or map global climate comfort with interactive scatter matrices.
No server required. Open index.html in any modern browser.
| Page | Description |
|---|---|
| Home | Landing page with links to each tool |
| Timeline | 90-day seasonal forecast — daily high/low from the ECMWF SEAS5 model |
| Matrix | Global climate scatter — plot any city's temperature vs humidity, with comfort-zone overlays (ASHRAE / UTCI), city comparison, zoom & pan, and sortable data table |
- City search — geocoding via Open-Meteo + GeoNames
- Comfort-zone scatter matrix — green (optimal), yellow (uncomfortable), red (deadly) background zones with labels
- Multi-city comparison — search a country or continent to load top cities by population
- Zoom & pan — wheel zoom, touch pinch, and drag-pan on the matrix (Hammer.js + chartjs-plugin-zoom)
- Sort & filter — sortable table, "Yellow Zone Only" filter, seasonal view toggle
- Dark theme — responsive on desktop and mobile
- Zero build step — vanilla HTML/CSS/JS, just open in browser
git clone https://github.com/arg9244/weather_graph.gitThen open index.html in your browser.
| Layer | Technology |
|---|---|
| Markup | HTML5 |
| Styling | CSS3 (custom properties, media queries) |
| Logic | Vanilla JavaScript |
| Charting | Chart.js 4.x |
| Zoom / Pan | chartjs-plugin-zoom + Hammer.js |
| API | Open-Meteo (no key required) |
GitHub Pages from main via the Actions workflow (.github/workflows/pages.yml).