Update app.py

app.py

@@ -678,15 +678,11 @@ class TyphoonAnalyzer:
 
     def create_typhoon_animation(self, year, typhoon_id):
         """Create animated visualization of typhoon path"""
-        storm_data = self.typhoon_data[self.typhoon_data['SID'] == typhoon_id]
-        storm_data = storm_data.sort_values('ISO_TIME')
-        
-        fig = go.Figure()
-        
-        # Base map settings
-        fig.update_layout(
-            title=f"Typhoon Path Animation - {storm_data['NAME'].iloc[0]} ({year})",
-            showlegend=True,
+        # Create default empty figure
+        empty_fig = go.Figure()
+        empty_fig.update_layout(
+            title="No Data Available",
+            showlegend=False,
             geo=dict(
                 projection_type='mercator',
                 showland=True,
@@ -702,61 +698,127 @@ class TyphoonAnalyzer:
             )
         )
 
-        # Create animation frames
-        frames = []
-        for i in range(len(storm_data)):
-            frame = go.Frame(
-                data=[
-                    go.Scattergeo(
-                        lon=storm_data['LON'].iloc[:i+1],
-                        lat=storm_data['LAT'].iloc[:i+1],
-                        mode='lines+markers',
-                        line=dict(width=2, color='red'),
-                        marker=dict(size=8, color='red'),
-                        name='Path'
-                    )
-                ],
-                name=f'frame{i}'
+        # Input validation
+        if not typhoon_id:
+            return empty_fig, "Please select a typhoon"
+            
+        # Get storm data
+        try:
+            storm_data = self.typhoon_data[self.typhoon_data['SID'] == typhoon_id]
+            if len(storm_data) == 0:
+                return empty_fig, "No data available for selected typhoon"
+                
+            storm_data = storm_data.sort_values('ISO_TIME')
+            
+            # Get the name safely
+            storm_name = storm_data['NAME'].values[0] if len(storm_data) > 0 else "Unknown"
+            
+            fig = go.Figure()
+            
+            # Base map settings
+            fig.update_layout(
+                title=f"Typhoon Path Animation - {storm_name}",
+                showlegend=True,
+                geo=dict(
+                    projection_type='mercator',
+                    showland=True,
+                    showcoastlines=True,
+                    landcolor='rgb(243, 243, 243)',
+                    countrycolor='rgb(204, 204, 204)',
+                    coastlinecolor='rgb(214, 214, 214)',
+                    showocean=True,
+                    oceancolor='rgb(230, 250, 255)',
+                    lataxis=dict(range=[0, 50]),
+                    lonaxis=dict(range=[100, 180]),
+                    center=dict(lat=20, lon=140)
+                )
             )
-            frames.append(frame)
 
-        fig.frames = frames
+            # Create animation frames
+            frames = []
+            for i in range(len(storm_data)):
+                frame = go.Frame(
+                    data=[
+                        go.Scattergeo(
+                            lon=storm_data['LON'].values[:i+1],
+                            lat=storm_data['LAT'].values[:i+1],
+                            mode='lines+markers',
+                            line=dict(width=2, color='red'),
+                            marker=dict(size=8, color='red'),
+                            name='Path',
+                            hovertemplate=(
+                                f"Time: {pd.to_datetime(storm_data['ISO_TIME'].values[i]).strftime('%Y-%m-%d %H:%M')}<br>" +
+                                f"Wind: {storm_data['USA_WIND'].values[i]:.1f} kt<br>" +
+                                f"Pressure: {storm_data['WMO_PRES'].values[i]:.1f} hPa<br>" +
+                                f"Lat: {storm_data['LAT'].values[i]:.2f}°N<br>" +
+                                f"Lon: {storm_data['LON'].values[i]:.2f}°E"
+                            )
+                        )
+                    ],
+                    name=f'frame{i}'
+                )
+                frames.append(frame)
+
+            fig.frames = frames
+
+            # Add animation controls
+            fig.update_layout(
+                updatemenus=[{
+                    'buttons': [
+                        {
+                            'args': [None, {'frame': {'duration': 100, 'redraw': True},
+                                          'fromcurrent': True}],
+                            'label': 'Play',
+                            'method': 'animate'
+                        },
+                        {
+                            'args': [[None], {'frame': {'duration': 0, 'redraw': True},
+                                            'mode': 'immediate',
+                                            'transition': {'duration': 0}}],
+                            'label': 'Pause',
+                            'method': 'animate'
+                        }
+                    ],
+                    'type': 'buttons',
+                    'showactive': False,
+                    'x': 0.1,
+                    'y': 0,
+                    'xanchor': 'right',
+                    'yanchor': 'top'
+                }]
+            )
 
-        # Add animation controls
-        fig.update_layout(
-            updatemenus=[{
-                'buttons': [
-                    {
-                        'args': [None, {'frame': {'duration': 100, 'redraw': True},
-                                      'fromcurrent': True}],
-                        'label': 'Play',
-                        'method': 'animate'
-                    },
-                    {
-                        'args': [[None], {'frame': {'duration': 0, 'redraw': True},
-                                        'mode': 'immediate',
-                                        'transition': {'duration': 0}}],
-                        'label': 'Pause',
-                        'method': 'animate'
-                    }
-                ],
-                'type': 'buttons',
-                'showactive': False,
-                'x': 0.1,
-                'y': 0,
-                'xanchor': 'right',
-                'yanchor': 'top'
-            }]
-        )
+            # Add initial data
+            fig.add_trace(
+                go.Scattergeo(
+                    lon=[storm_data['LON'].values[0]],
+                    lat=[storm_data['LAT'].values[0]],
+                    mode='markers',
+                    marker=dict(size=8, color='red'),
+                    name='Start Point',
+                    showlegend=True
+                )
+            )
 
-        info_text = f"""
-        ### Typhoon Information
-        - Name: {storm_data['NAME'].iloc[0]}
-        - Start Date: {storm_data['ISO_TIME'].iloc[0]:%Y-%m-%d %H:%M}
-        - End Date: {storm_data['ISO_TIME'].iloc[-1]:%Y-%m-%d %H:%M}
-        - Maximum Wind Speed: {storm_data['USA_WIND'].max():.1f} kt
-        - Minimum Pressure: {storm_data['WMO_PRES'].min():.1f} hPa
-        """
+            start_time = pd.to_datetime(storm_data['ISO_TIME'].values[0])
+            end_time = pd.to_datetime(storm_data['ISO_TIME'].values[-1])
+            duration = (end_time - start_time).total_seconds() / 3600
+
+            info_text = f"""
+            ### Typhoon Information
+            - Name: {storm_name}
+            - Start Date: {start_time.strftime('%Y-%m-%d %H:%M')}
+            - End Date: {end_time.strftime('%Y-%m-%d %H:%M')}
+            - Maximum Wind Speed: {storm_data['USA_WIND'].max():.1f} kt
+            - Minimum Pressure: {storm_data['WMO_PRES'].min():.1f} hPa
+            - Duration: {duration:.1f} hours
+            """
+
+            return fig, info_text
+            
+        except Exception as e:
+            print(f"Error in create_typhoon_animation: {str(e)}")
+            return empty_fig, f"Error processing typhoon data: {str(e)}"
 
         return fig, info_text
     def create_pressure_analysis(self, data):