Add real weather forecast visualizations using OpenWeatherMap forecast API

[awrya-cmd]

Add Real Weather Forecast Visualizations to Analysis Page

Overview

This PR adds weather forecast visualizations to the Analysis page using real forecast data from the OpenWeatherMap 5-Day / 3-Hour Forecast API.

Unlike the initial approach of generating trend data from a single weather snapshot, this implementation uses only actual forecast values returned by the API. No synthetic, estimated, simulated, or fabricated weather data is displayed.

Changes Made

Backend

Modified: backend/alertsystem.py

• Added a fetch_forecast() helper to retrieve forecast data from the OpenWeatherMap Forecast API.
• Integrated forecast fetching into the /weather endpoint.
• Included forecast information in the API response payload.
• Added graceful error handling for forecast API failures.

Frontend

Analysis Page

Modified: Frontend/Analysis/analysis.html

• Added a dedicated Weather Trends section.

• Integrated Chart.js via CDN.

• Added chart containers for:

  • Temperature Trends
  • Humidity Trends
  • Rainfall Trends

Styling

Modified: Frontend/Analysis/analysis.css

• Added responsive layouts for trend visualizations.
• Styled chart containers to match the existing dark glassmorphism design.
• Added empty-state styling for unavailable forecast data.
• Added mobile-friendly stacking behavior.

Chart Rendering

Modified: Frontend/Analysis/analysis.js

• Removed all synthetic trend generation logic.

• Implemented parsing of real forecast data from the API response.

• Added dynamic Chart.js rendering for:

  • Temperature (Line Chart)
  • Humidity (Line Chart)
  • Rainfall (Bar Chart)

• Added chart instance cleanup to prevent duplicate overlays.

• Added fallback handling when forecast data is unavailable.

• Uses real forecast timestamps formatted into readable labels (e.g. "Tue 12 PM", "Wed 12 AM").

Data Accuracy

• All chart values originate directly from OpenWeatherMap forecast responses.
• No generated, estimated, or mock weather values are used.
• If forecast data is unavailable, users see a clear fallback message instead of misleading visualizations.

Testing

Verified

• Backend forecast API integration returns forecast datasets successfully.
• Charts render automatically after weather analysis is completed.
• Charts update correctly when a new location is searched.
• Existing analysis functionality remains unaffected.
• Responsive layouts work correctly on smaller screens.
• Empty-state handling works when forecast data is unavailable.

Screenshots

Issue #35

[Vikrant0207]

@awrya-cmd resolve conflicts

[awrya-cmd]

@awrya-cmd resolve conflicts

resolved all.

[Vikrant0207]

@awrya-cmd