updated

app.py

@@ -124,7 +124,7 @@ def area_plot(df, column):
             .encode(text = column + ":N")
     )
     plot = pie # pie + text
-    return plot.properties(width=180, height=180)
+    return plot.properties(width="container", height=300)
 
 def pad_style(paint, alpha):
     return {
@@ -316,14 +316,15 @@ with st.sidebar:
 
 
     with st.expander("🦜 Biodiversity"):
-        if st.toggle("Species Richness", False):
+        show_richness = st.toggle("Species Richness", False)
+        if show_richness:
             m.add_tile_layer(url="https://data.source.coop/cboettig/mobi/tiles/red/species-richness-all/{z}/{x}/{y}.png",
                             name="MOBI Species Richness",
                             attribution="NatureServe",
                             opacity=0.9
                             )
-        
-        if st.toggle("Range-Size Rarity"):
+        show_rsr = st.toggle("Range-Size Rarity")
+        if show_rsr:
             m.add_tile_layer(url="https://data.source.coop/cboettig/mobi/tiles/green/range-size-rarity-all/{z}/{x}/{y}.png",
                             name="MOBI Range-Size Rarity",
                             attribution="NatureServe",
@@ -332,7 +333,8 @@ with st.sidebar:
             #m.add_cog_layer("https://data.source.coop/cboettig/mobi/range-size-rarity-all/RSR_All.tif",
             #                palette="greens", name="Range-Size Rarity", transparent_bg=True, opacity = 0.9, fit_bounds=False)
     with st.expander("⛅ Carbon & Climate"):
-        if st.toggle("Carbon Lost (2002-2022)"):
+        show_carbon_lost = st.toggle("Carbon Lost (2002-2022)")
+        if show_carbon_lost:
             m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/deforest_carbon_100m_cog.tif",
                             palette="reds", name="Carbon Lost (2002-2022)", transparent_bg=True, opacity = 0.8, fit_bounds=False)
         
@@ -345,12 +347,13 @@ with st.sidebar:
                             palette="greens", name="Manageable Carbon", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
     with st.expander("🚜 Human Impacts"):
-
-        if st.toggle("Human Impact"):
+        show_human_impact = st.toggle("Human Impact")
+        if show_human_impact:
             hi="https://data.source.coop/vizzuality/hfp-100/hfp_2021_100m_v1-2_cog.tif"
             m.add_cog_layer(hi, palette="purples", name="Human Impact", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
-        if st.toggle("cropland expansion"):
+        show_crop_expansion = st.toggle("cropland expansion")
+        if show_crop_expansion:
             m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/natcrop_expansion_100m_cog.tif",)
                          #   palette="greens", name="cropland expansion", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
@@ -444,30 +447,27 @@ with main:
 
     with stats_col:
         with st.container():
-            col1, col2, col3 = st.columns(3)
-            with col1:
-                f"{total_percent}% Continental US Covered"
-                st.altair_chart(area_plot(df, column), use_container_width=False)
+            f"{total_percent}% Continental US Covered"
+            st.altair_chart(area_plot(df, column), use_container_width=True)
 
-            with col2:
+        with st.container():
+            if show_richness:
                 "Species Richness"
                 st.altair_chart(richness_chart, use_container_width=True)
 
-            with col3:
+            if show_rsr:
                 "Range-Size Rarity"
                 st.altair_chart(rsr_chart, use_container_width=True)
 
-        with st.container():
-            col1b, col2b, col3b = st.columns(3)
-            with col1b:
+            if show_carbon_lost:
                 "Carbon Lost ('02-'22)"
                 st.altair_chart(carbon_lost, use_container_width=True)
 
-            with col2b:
+            if show_crop_expansion:
                 "Crop expansion"
                 st.altair_chart(crop_expansion, use_container_width=True)
 
-            with col3b:
+            if show_human_impact:
                 "Human Impact"
                 st.altair_chart(human_impact, use_container_width=True)