I wrote this to fill a need to quickly view recent historical trends regarding the weather. Originally the focus of the application was to view barometric pressure but was expanded to include other metrics. It started as a convoluted, AWS-hosted contraption to work on my AWS skills. This quickly got tedious and I converted it to use the NWS weather API directly.
- Winter 2021 - First UI iteration using Knockout.js and Chart.js. Would only display barometric pressure.
- Summer 2021 - Converted graph to Chartist, added temperature and humidity views.
- Winter 2022 - Removed jQuery and Moment dependencies, added dewpoint view. Removed server components and query NWS API directly.
- Fall 2023 - Converted to Preact, moved to GitHub Pages
- Spring 2024 - Chartist dependency removed, now rendering SVG directly. Added wind view and time scale controls.
Load https://parkrrr.github.io/weather/ into your mobile browser of choice. The design is mobile-first so it may be weird to use on a desktop.
Locations are referenced by airports. To change the airport, click the ICAO code of the airport (defaults to 'KTYQ') and enter a new airport code (such as KDEN, KJFK, KLAX, etc).
Observations that have failed quality control will be rendered with a darker point. Initial observations that have not undergone quality control will not render a point, but will still have a connecting line.
This application uses data provided by the National Weather Service. As a result, data is limited to North American airports.
The types for the NWS API can be re-generated using npm run generate.
There is a growing suite of tests, utilizing Playwright. The site must be built before testing: npm run build then npm test.
