Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,40 +1,165 @@
-import altair as alt
-import numpy as np
-import pandas as pd
 import streamlit as st
+import pandas as pd
+import requests
+import plotly.express as px
+from datetime import date, timedelta
+
+# --- Page Configuration ---
+st.set_page_config(
+    page_title="Earthquake Activity Explorer",
+    page_icon="🗺️",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
+# --- API Data Fetching Function ---
+@st.cache_data(ttl=600)  # Cache data for 10 minutes
+def fetch_earthquakes(start_date, end_date, min_magnitude):
+    """
+    Fetches earthquake data from the specified API endpoint.
+    Returns a pandas DataFrame or None if an error occurs.
+    """
+    API_URL = "https://cwadayi-python-app.hf.space/earthquakes"
+    params = {
+        "start_date": start_date,
+        "end_date": end_date,
+        "min_magnitude": 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)
+        data = response.json()
+        if not data:
+            return pd.DataFrame() # Return empty dataframe if no data
+        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
+        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
+    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'])
+        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):,}")
+        col2.metric("Largest Magnitude", f"{df['magnitude'].max():.2f}")
+        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.")
+
+        fig = px.scatter_geo(
+            df,
+            lat='latitude',
+            lon='longitude',
+            size='magnitude',
+            color='depth',
+            hover_name='place',
+            hover_data={
+                'latitude': ':.2f',
+                'longitude': ':.2f',
+                'time': True,
+                '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
+        )
+        
+        fig.update_layout(
+            margin={"r":0,"t":40,"l":0,"b":0},
+            coloraxis_colorbar_title_text='Depth (km)'
+        )
+        st.plotly_chart(fig, use_container_width=True)
+
+        st.markdown("---")
 
-"""
-# Welcome to Streamlit!
-
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
-
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
-
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
-
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
-
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
-
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+        # --- 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)',
+            'place': 'Location',
+            'magnitude': 'Magnitude',
+            'depth': 'Depth (km)',
+            'url': 'More Info'
+        }, inplace=True)
+        
+        st.dataframe(
+            display_df,
+            use_container_width=True,
+            height=400,
+            column_config={
+                "More Info": st.column_config.LinkColumn("USGS Event Page")
+            }
+        )
+    elif df is not None and df.empty:
+        st.warning(f"No earthquakes with magnitude {min_magnitude} or higher were found in the selected date range.")
+    else:
+        st.error("Could not retrieve data. Please try again later.")
+else:
+    st.info("Please set your desired parameters in the sidebar and click 'Search Earthquakes' to begin.")