Update app.py

app.py

@@ -43,14 +43,17 @@ def _(mo):
     upload_decomp = mo.ui.file(
         label="Upload: Total_species_composition.xlsx", kind="button", multiple=False)
 
-    # Display the UI
-    mo.vstack([
+    # Assign the layout to a variable
+    upload_ui = mo.vstack([
         mo.md("### 📁 Please provide your data files to view the dashboard"),
         upload_yield,
         upload_species,
         upload_decomp
     ], align="center")
-    return upload_decomp, upload_species, upload_yield
+    
+    # Place it as the last line so Marimo renders it to the screen!
+    upload_ui
+    return upload_decomp, upload_species, upload_yield, upload_ui
 
 
 @app.cell
@@ -233,7 +236,6 @@ def _(
         return f"M {p1[0]} {p1[1]} A {r_outer} {r_outer} 0 {large_arc} 1 {p2[0]} {p2[1]} L {p3[0]} {p3[1]} A {r_inner} {r_inner} 0 {large_arc} 0 {p4[0]} {p4[1]} Z"
 
     def make_tooltip(index, tx, ty, group_name, species_name, avg_yield, num_sites):
-        # Bound the tooltip coordinates so it doesn't clip off the 1000x1000 SVG canvas
         tx = max(10, min(tx, 1000 - TW - 10))
         ty = max(10, min(ty, 1000 - TH - 10))
         safe_group = group_name.strip().upper()[:40]
@@ -256,7 +258,6 @@ def _(
             fill="#f9e2af">{sites_str}</text>
     </g>"""
 
-    # Two separate lists — paths first, tooltips last
     path_elements = []
     tooltip_elements = []
     css_hover_rules = []
@@ -266,7 +267,7 @@ def _(
         grouped_data[s["group"]].append(s)
 
     active_tab = tabs.value
-    seg_index = 0   # unique id counter shared across all segments
+    seg_index = 0
 
     for group_idx, group_name in enumerate(GROUPS):
         group_items = grouped_data[group_name]
@@ -338,7 +339,6 @@ def _(
                 tip_cx, tip_cy = polar_to_cartesian(
                     CX, CY, tip_r, angle_center)
 
-                # Using the newly global TW and TH
                 tx = tip_cx if tip_cx < CX else tip_cx - TW
                 ty = tip_cy - TH / 2
 
@@ -444,9 +444,13 @@ def _(
     </svg>
     """
 
-    mo.vstack([controls, mo.Html(svg_markup)], align="center", gap=8)
-    return
+    # Assign layout to variable
+    final_dashboard = mo.vstack([controls, mo.Html(svg_markup)], align="center", gap=8)
+    
+    # Place as the last line so Marimo renders it to the screen!
+    final_dashboard
+    return final_dashboard,
 
 
 if __name__ == "__main__":
-    app.run()
+    app.run()