Update app.py

app.py

@@ -123,7 +123,6 @@ for _, row in DF.iterrows():
     period = row["period"]
     group = row["group"]
     z = int(row["Z"])
-    # Skip rows with missing period or group
     if pd.isna(period) or group is None:
         continue
     period = int(period)
@@ -133,7 +132,7 @@ LAN = [int(z) for z in DF["Z"] if 57 <= int(z) <= 71]
 ACT = [int(z) for z in DF["Z"] if 89 <= int(z) <= 103]
 
 # -----------------------------
-# Plotting helpers (Matplotlib)
+# Plotting helpers (Matplotlib -> gr.Plot)
 # -----------------------------
 def plot_trend(trend_df: pd.DataFrame, prop_key: str, Z: int, symbol: str):
     fig, ax = plt.subplots()
@@ -227,39 +226,37 @@ def search_element(query: str):
     return element_info(query)
 
 # -----------------------------
-# UI
+# UI (compatible with Gradio 4.29.0)
 # -----------------------------
 with gr.Blocks(title="Interactive Periodic Table") as demo:
     gr.Markdown("# 🧪 Interactive Periodic Table\nClick an element or search by symbol/name/atomic number.")
 
     with gr.Row():
-        # Create the inspector FIRST so button clicks can target these components
+        # Inspector first so buttons can target these outputs
         with gr.Column(scale=1):
             gr.Markdown("### Inspector")
             search = gr.Textbox(label="Search (symbol/name/Z)", placeholder="e.g., C, Iron, 79")
             info = gr.Textbox(label="Properties", lines=10, interactive=False)
             facts = gr.Markdown("Select an element to see fun facts.")
-            trend = gr.Matplotlib()
+            trend = gr.Plot()
 
             search.submit(search_element, inputs=[search], outputs=[info, facts, trend])
 
             gr.Markdown("### Trend heatmap")
             prop = gr.Dropdown(choices=[k for k, _ in NUMERIC_PROPS], value="electronegativity", label="Property")
-            heat = gr.Matplotlib()
+            heat = gr.Plot()
             prop.change(lambda k: plot_heatmap(k), inputs=[prop], outputs=[heat])
 
             # Initialize heatmap on load
             demo.load(lambda: plot_heatmap("electronegativity"), outputs=[heat])
 
-        # Now build the grid of buttons
+        # Grid of element buttons
         with gr.Column(scale=2):
             gr.Markdown("### Main Table")
-            # Headers (groups 1-18)
             with gr.Row():
                 for g in range(1, 19):
                     gr.Markdown(f"**{g}**")
 
-            # Element grid
             for r in range(MAX_PERIOD):
                 with gr.Row():
                     for c in range(MAX_GROUP):
@@ -288,5 +285,3 @@ with gr.Blocks(title="Interactive Periodic Table") as demo:
 
 if __name__ == "__main__":
     demo.launch()
-
-