Update src/streamlit_app.py

src/streamlit_app.py

@@ -13,7 +13,7 @@ st.set_page_config(
 )
 
 # --- API Data Fetching Function ---
-@st.cache_data(ttl=600)  # Cache data for 10 minutes
+@st.cache_data(ttl=600)
 def fetch_earthquakes(start_date, end_date, min_magnitude):
     """
     Fetches earthquake data from the specified API endpoint.
@@ -27,76 +27,45 @@ def fetch_earthquakes(start_date, end_date, min_magnitude):
     }
     try:
         response = requests.get(API_URL, params=params, timeout=20)
-        response.raise_for_status()  # Raises an HTTPError for bad responses (4xx or 5xx)
+        response.raise_for_status()
         data = response.json()
         if not data:
-            return pd.DataFrame() # Return empty dataframe if no data
+            return pd.DataFrame()
         return pd.DataFrame(data)
     except requests.exceptions.RequestException as e:
         st.error(f"API Request Failed: {e}")
         return None
-    except ValueError: # Catches JSON decoding errors
+    except ValueError:
         st.error("Failed to decode API response. The API might be temporarily down.")
         return None
 
 # --- UI Design ---
-
-# 1. Title
 st.title("🗺️ Global Earthquake Activity Explorer")
 st.markdown("Analyze and visualize recent earthquake events around the world.")
 
-# 2. Sidebar for User Inputs
 with st.sidebar:
     st.header("🔍 Search Parameters")
-
-    # Use a date range of the last 90 days as a default
     today = date.today()
     default_start_date = today - timedelta(days=90)
-
-    start_date = st.date_input(
-        "Start Date",
-        value=default_start_date,
-        min_value=date(1900, 1, 1),
-        max_value=today,
-        help="Select the beginning of the date range."
-    )
-
-    end_date = st.date_input(
-        "End Date",
-        value=today,
-        min_value=start_date,
-        max_value=today,
-        help="Select the end of the date range."
-    )
-
-    min_magnitude = st.slider(
-        "Minimum Magnitude",
-        min_value=0.0,
-        max_value=10.0,
-        value=5.5, # A sensible default to avoid clutter
-        step=0.1,
-        help="Drag the slider to set the minimum magnitude for queried earthquakes."
-    )
-
-    # Action button to trigger the search
+    start_date = st.date_input("Start Date", value=default_start_date, min_value=date(1900, 1, 1), max_value=today, help="Select the beginning of the date range.")
+    end_date = st.date_input("End Date", value=today, min_value=start_date, max_value=today, help="Select the end of the date range.")
+    min_magnitude = st.slider("Minimum Magnitude", min_value=0.0, max_value=10.0, value=5.5, step=0.1, help="Drag the slider to set the minimum magnitude for queried earthquakes.")
     search_button = st.button("Search Earthquakes", type="primary", use_container_width=True)
 
-
 # --- Main Content Area ---
 if search_button:
     with st.spinner('Fetching earthquake data from the server... Please wait.'):
-        # 3. Fetch data using the function
         df = fetch_earthquakes(start_date, end_date, min_magnitude)
 
     if df is not None and not df.empty:
         st.success(f"Found {len(df)} earthquakes matching your criteria.")
 
-        # Reformat DataFrame for better display
-        df['time'] = pd.to_datetime(df['time'])
+        # CORRECTED LINE: Use 'event_time' from the API and assign it to a new 'time' column.
+        df['time'] = pd.to_datetime(df['event_time'])
+        
         df['magnitude'] = df['mag'].astype(float)
         df['depth'] = df['depth'].astype(float)
 
-        # --- Display Summary Metrics ---
         st.subheader("📊 Summary Statistics")
         col1, col2, col3 = st.columns(3)
         col1.metric("Total Earthquakes", f"{len(df):,}")
@@ -104,8 +73,6 @@ if search_button:
         col3.metric("Deepest Event (km)", f"{df['depth'].max():.2f}")
         
         st.markdown("---")
-
-        # --- 4. Draw Earthquake Distribution Map ---
         st.subheader("🌍 Interactive Earthquake Map")
         st.markdown("Hover over points for details. Circle size represents magnitude.")
 
@@ -119,13 +86,13 @@ if search_button:
             hover_data={
                 'latitude': ':.2f',
                 'longitude': ':.2f',
-                'time': True,
+                'time': True, # This now works because we created the 'time' column
                 'magnitude': ':.2f',
                 'depth': ':.2f km'
             },
             projection="natural earth",
             title=f"Earthquakes from {start_date} to {end_date} (Magnitude > {min_magnitude})",
-            color_continuous_scale=px.colors.sequential.Plasma_r # Reverse Plasma for depth
+            color_continuous_scale=px.colors.sequential.Plasma_r
         )
         
         fig.update_layout(
@@ -135,11 +102,8 @@ if search_button:
         st.plotly_chart(fig, use_container_width=True)
 
         st.markdown("---")
-
-        # --- 5. Show Earthquakes in a Table ---
         st.subheader("📋 Detailed Earthquake Data")
         
-        # Select and rename columns for a cleaner table display
         display_df = df[['time', 'place', 'magnitude', 'depth', 'url']].copy()
         display_df.rename(columns={
             'time': 'Time (UTC)',