Create app.py

app.py

@@ -0,0 +1,317 @@
+import gradio as gr
+import folium
+import requests
+import pandas as pd
+import plotly.graph_objects as go
+from plotly.subplots import make_subplots
+import json
+from datetime import datetime, timedelta
+import time
+
+class WeatherApp:
+    def __init__(self):
+        self.selected_lat = 39.8283  # Default to center of US
+        self.selected_lon = -98.5795
+        
+    def create_map(self):
+        """Create initial folium map centered on US"""
+        m = folium.Map(
+            location=[self.selected_lat, self.selected_lon],
+            zoom_start=4,
+            tiles='OpenStreetMap'
+        )
+        
+        # Add a marker for the selected location
+        folium.Marker(
+            [self.selected_lat, self.selected_lon],
+            popup=f"Selected Location\nLat: {self.selected_lat:.4f}\nLon: {self.selected_lon:.4f}",
+            icon=folium.Icon(color='red', icon='info-sign')
+        ).add_to(m)
+        
+        return m._repr_html_()
+    
+    def update_location(self, lat, lon):
+        """Update the selected location coordinates"""
+        try:
+            self.selected_lat = float(lat)
+            self.selected_lon = float(lon)
+            return self.create_map()
+        except:
+            return self.create_map()
+    
+    def get_weather_data(self):
+        """Fetch weather data from NOAA API"""
+        try:
+            # Get grid point info
+            grid_url = f"https://api.weather.gov/points/{self.selected_lat},{self.selected_lon}"
+            grid_response = requests.get(grid_url, timeout=10)
+            
+            if grid_response.status_code != 200:
+                return None, "Location outside US or NOAA coverage area"
+            
+            grid_data = grid_response.json()
+            forecast_url = grid_data['properties']['forecastHourly']
+            
+            # Get hourly forecast
+            forecast_response = requests.get(forecast_url, timeout=10)
+            if forecast_response.status_code != 200:
+                return None, "Failed to get forecast data"
+            
+            forecast_data = forecast_response.json()
+            periods = forecast_data['properties']['periods'][:24]  # Next 24 hours
+            
+            return periods, None
+            
+        except requests.exceptions.RequestException:
+            return None, "Network error - please try again"
+        except Exception as e:
+            return None, f"Error: {str(e)}"
+    
+    def get_uv_index(self, lat, lon):
+        """Get UV index data (mock implementation - in real app you'd use UV API)"""
+        # This is a simplified UV calculation based on time of day and season
+        # In a real app, you'd use a proper UV API like EPA or OpenUV
+        now = datetime.now()
+        hour = now.hour
+        
+        # Simple UV model: peak at noon, varies by season
+        base_uv = 8 if 3 <= now.month <= 9 else 4  # Higher in spring/summer
+        
+        uv_values = []
+        for i in range(24):
+            current_hour = (hour + i) % 24
+            if 6 <= current_hour <= 18:  # Daylight hours
+                # Peak UV around noon (12)
+                uv_factor = 1 - abs(current_hour - 12) / 6
+                uv = max(0, base_uv * uv_factor)
+            else:
+                uv = 0
+            uv_values.append(round(uv, 1))
+        
+        return uv_values
+    
+    def get_sunscreen_recommendation(self, uv_index):
+        """Get sunscreen recommendation based on UV index"""
+        if uv_index <= 2:
+            return "Low - Minimal protection needed. Wear sunglasses on bright days."
+        elif uv_index <= 5:
+            return "Moderate - SPF 15+ sunscreen. Seek shade during midday hours."
+        elif uv_index <= 7:
+            return "High - SPF 30+ sunscreen. Reapply every 2 hours. Wear protective clothing."
+        elif uv_index <= 10:
+            return "Very High - SPF 50+ sunscreen. Minimize sun exposure 10am-4pm. Wear protective clothing and wide-brimmed hat."
+        else:
+            return "Extreme - SPF 50+ sunscreen. Avoid sun exposure. Stay indoors or in shade. Full protective clothing required."
+    
+    def create_weather_plot(self):
+        """Create weather forecast plot with UV index"""
+        periods, error = self.get_weather_data()
+        
+        if error:
+            # Return empty plot with error message
+            fig = go.Figure()
+            fig.add_annotation(
+                text=f"Error: {error}",
+                xref="paper", yref="paper",
+                x=0.5, y=0.5, xanchor='center', yanchor='middle',
+                showarrow=False, font_size=16
+            )
+            fig.update_layout(title="Weather Forecast Error")
+            return fig, "Error loading weather data"
+        
+        # Extract data from periods
+        times = []
+        temps = []
+        humidity = []
+        wind_speeds = []
+        
+        for period in periods:
+            # Parse time
+            start_time = datetime.fromisoformat(period['startTime'].replace('Z', '+00:00'))
+            times.append(start_time.strftime('%m/%d %H:%M'))
+            
+            # Temperature
+            temps.append(period['temperature'])
+            
+            # Try to extract humidity and wind (may not always be available)
+            try:
+                # Humidity is sometimes in detailedForecast
+                humidity.append(60)  # Default value
+            except:
+                humidity.append(60)
+            
+            try:
+                wind_speed = period.get('windSpeed', '0 mph')
+                # Extract number from wind speed string
+                wind_num = ''.join(filter(str.isdigit, wind_speed.split()[0]))
+                wind_speeds.append(int(wind_num) if wind_num else 0)
+            except:
+                wind_speeds.append(0)
+        
+        # Get UV index data
+        uv_values = self.get_uv_index(self.selected_lat, self.selected_lon)[:len(times)]
+        
+        # Create subplot figure
+        fig = make_subplots(
+            rows=3, cols=1,
+            subplot_titles=('Temperature (°F)', 'UV Index', 'Wind Speed (mph)'),
+            vertical_spacing=0.08,
+            specs=[[{"secondary_y": False}],
+                   [{"secondary_y": False}],
+                   [{"secondary_y": False}]]
+        )
+        
+        # Temperature plot
+        fig.add_trace(
+            go.Scatter(x=times, y=temps, name='Temperature', 
+                      line=dict(color='red', width=2),
+                      mode='lines+markers'),
+            row=1, col=1
+        )
+        
+        # UV Index plot with color coding
+        uv_colors = []
+        for uv in uv_values:
+            if uv <= 2:
+                uv_colors.append('green')
+            elif uv <= 5:
+                uv_colors.append('yellow')
+            elif uv <= 7:
+                uv_colors.append('orange')
+            elif uv <= 10:
+                uv_colors.append('red')
+            else:
+                uv_colors.append('purple')
+        
+        fig.add_trace(
+            go.Bar(x=times, y=uv_values, name='UV Index',
+                   marker_color=uv_colors, opacity=0.7),
+            row=2, col=1
+        )
+        
+        # Wind speed plot
+        fig.add_trace(
+            go.Scatter(x=times, y=wind_speeds, name='Wind Speed',
+                      line=dict(color='blue', width=2),
+                      mode='lines+markers', fill='tonexty'),
+            row=3, col=1
+        )
+        
+        # Update layout
+        fig.update_layout(
+            title=f'24-Hour Weather Forecast for {self.selected_lat:.4f}, {self.selected_lon:.4f}',
+            height=800,
+            showlegend=False
+        )
+        
+        # Update x-axes to show time labels rotated
+        for i in range(1, 4):
+            fig.update_xaxes(tickangle=45, row=i, col=1)
+        
+        # Get current UV and recommendation
+        current_uv = uv_values[0] if uv_values else 0
+        recommendation = self.get_sunscreen_recommendation(current_uv)
+        
+        rec_text = f"**Current UV Index: {current_uv}**\n\n**Sunscreen Recommendation:**\n{recommendation}"
+        
+        return fig, rec_text
+
+# Initialize the weather app
+weather_app = WeatherApp()
+
+# Create Gradio interface
+with gr.Blocks(title="NOAA Weather & UV Index Map", theme=gr.themes.Soft()) as demo:
+    gr.Markdown("""
+    # 🌤️ NOAA Weather & UV Index Forecast
+    
+    Click on the map or enter coordinates to get current weather conditions and 24-hour forecast with UV index recommendations!
+    
+    **Instructions:**
+    1. Enter latitude and longitude coordinates for any location in the US
+    2. Click "Update Location" to refresh the map
+    3. Click "Get Weather Forecast" to fetch current conditions and 24-hour forecast
+    4. View the interactive weather chart and UV-based sunscreen recommendations
+    """)
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            lat_input = gr.Number(
+                label="Latitude", 
+                value=39.8283, 
+                precision=4,
+                info="Enter latitude (-90 to 90)"
+            )
+            lon_input = gr.Number(
+                label="Longitude", 
+                value=-98.5795, 
+                precision=4,
+                info="Enter longitude (-180 to 180)"
+            )
+            
+            with gr.Row():
+                update_btn = gr.Button("🗺️ Update Location", variant="secondary")
+                weather_btn = gr.Button("🌤️ Get Weather Forecast", variant="primary")
+        
+        with gr.Column(scale=2):
+            map_html = gr.HTML(
+                value=weather_app.create_map(),
+                label="Interactive Map"
+            )
+    
+    with gr.Row():
+        with gr.Column(scale=2):
+            weather_plot = gr.Plot(
+                label="24-Hour Weather Forecast with UV Index"
+            )
+        
+        with gr.Column(scale=1):
+            recommendations = gr.Markdown(
+                value="Click 'Get Weather Forecast' to see sunscreen recommendations based on UV index.",
+                label="UV Index & Sunscreen Recommendations"
+            )
+    
+    # Example locations
+    gr.Markdown("""
+    ### 📍 Try These Example Locations:
+    - **New York City**: 40.7128, -74.0060
+    - **Los Angeles**: 34.0522, -118.2437
+    - **Chicago**: 41.8781, -87.6298
+    - **Miami**: 25.7617, -80.1918
+    - **Denver**: 39.7392, -104.9903
+    - **Seattle**: 47.6062, -122.3321
+    """)
+    
+    # Event handlers
+    update_btn.click(
+        fn=weather_app.update_location,
+        inputs=[lat_input, lon_input],
+        outputs=[map_html]
+    )
+    
+    weather_btn.click(
+        fn=weather_app.create_weather_plot,
+        inputs=[],
+        outputs=[weather_plot, recommendations]
+    )
+    
+    # Auto-update location when coordinates change
+    lat_input.change(
+        fn=weather_app.update_location,
+        inputs=[lat_input, lon_input],
+        outputs=[map_html]
+    )
+    
+    lon_input.change(
+        fn=weather_app.update_location,
+        inputs=[lat_input, lon_input],
+        outputs=[map_html]
+    )
+
+# Launch the app
+if __name__ == "__main__":
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        share=True,
+        debug=True
+    )