Update app.py

app.py

@@ -237,20 +237,43 @@ class TyphoonAnalyzer:
         return fig
     def create_typhoon_animation(self, year, typhoon_id):
         """Create animated visualization of typhoon path"""
+        # 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,
+                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)
+            )
+        )
+
+        # Input validation
         if not typhoon_id:
-            return go.Figure(), "Please select a typhoon"
+            return empty_fig, "Please select a typhoon"
             
+        # Get storm data
         storm_data = self.typhoon_data[self.typhoon_data['SID'] == typhoon_id]
         if storm_data.empty:
-            return go.Figure(), "No data available for selected typhoon"
+            return empty_fig, "No data available for selected typhoon"
             
         storm_data = storm_data.sort_values('ISO_TIME')
+        storm_name = storm_data['NAME'].iloc[0] if not storm_data.empty else "Unknown"
         
         fig = go.Figure()
         
         # Base map settings
         fig.update_layout(
-            title=f"Typhoon Path Animation - {storm_data['NAME'].iloc[0]}",
+            title=f"Typhoon Path Animation - {storm_name}",
             showlegend=True,
             geo=dict(
                 projection_type='mercator',
@@ -321,13 +344,26 @@ class TyphoonAnalyzer:
             }]
         )
 
+        # Add initial data
+        fig.add_trace(
+            go.Scattergeo(
+                lon=[storm_data['LON'].iloc[0]],
+                lat=[storm_data['LAT'].iloc[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]}
+        - Name: {storm_name}
         - 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
+        - Duration: {(storm_data['ISO_TIME'].iloc[-1] - storm_data['ISO_TIME'].iloc[0]).total_seconds() / 3600:.1f} hours
         """
 
         return fig, info_text