Challenge: Will It Rain On My Parade? (Earth Science Division)
AstroPlanner is a personalized web application built with HTML, CSS (Tailwind), and JavaScript that helps users quantify the statistical likelihood of adverse weather conditions for a specific location and time of year. Unlike a short-term forecast, AstroPlanner analyzes decades of historical Earth Observation (EO) data patterns to provide a long-range risk assessment for event planning.
The application simulates a rigorous historical analysis process based on NASA Earth Observation data to calculate probabilities for five adverse conditions.
The user inputs two critical parameters:
- Location: Latitude and Longitude (to target a specific geographical grid point).
- Time: Month of the year (to target a specific seasonal historical dataset).
For hackathon expediency, the core JavaScript engine (getMockHistoricalProbability) simulates querying and processing NASA's vast historical EO archive.
The data variables simulated (and the source data they represent) include:
| Adverse Condition | Simulated NASA EO Variable | Definition of "Very Adverse" |
|---|---|---|
| Very Hot | Daily Maximum Temperature ( |
|
| Very Cold | Daily Minimum Temperature ( |
|
| Very Wet | Precipitation Rate/Total |
|
| Very Windy | Surface Wind Speed |
|
| Very Uncomfortable | Composite Discomfort Index (Heat/Humidity) | Derived from a weighted average of historical |
The engine calculates the
The resulting percentage is displayed on a color-coded risk gauge.
- Frontend: HTML5, CSS3
- Styling: Tailwind CSS (for rapid, responsive design)
- Logic: Vanilla JavaScript
AstroPlanner is a single-page application and does not require a server or complex dependencies.
- Clone the Repository (or Save the File): Save the provided code as
index.html. - Open in Browser: Double-click
index.htmlto run the application locally in any modern web browser. - Test Coordinates: Try coordinates for different seasons:
- Los Angeles, CA: Lat: 34.05, Lon: -118.25
- Antarctica (Simulated Winter): Lat: -80, Lon: 0
| Criteria | AstroPlanner Feature |
|---|---|
| Personalized Interface | User-defined Latitude, Longitude, and Month creates a customized query. |
| NASA Data Utilization | The core logic is structured to represent the analysis of historical NASA Earth Observation data (GPM, MERRA-2, etc.). |
| Adverse Conditions | Directly addresses all five conditions: Very Hot, Very Cold, Very Windy, Very Wet, and the composite Very Uncomfortable. |
| Likelihood Output | The results are provided as clear, color-coded probability percentages, fulfilling the requirement for a likelihood assessment, not a forecast. |