color intensity

app.py

@@ -60,33 +60,25 @@ with st.sidebar:
 # year = st.slider("Select a year", min_value=1988, max_value=2024, value=2022, step=2)
 year = st.slider("Select a year", min_value=1988, max_value=2024, value=2022, step=1)
 
-#gdf = df.filter(_.year==year).execute()
-
-
 import leafmap.maplibregl as leafmap
 m = leafmap.Map(style="positron",   center=(-100, 40), zoom=3)
 
 url = "https://huggingface.co/datasets/boettiger-lab/landvote/resolve/main/vote.pmtiles"
 
 url_states = "https://huggingface.co/datasets/boettiger-lab/landvote/resolve/main/vote_states.pmtiles"
-#gdf = df.filter(_.year==1988).execute()
-#gdf.to_file("vote.geojson")
-
-outcome = [
-      'match',
-      ['get', 'Status'], 
-      "Pass", '#2E865F',
-      "Fail", '#FF3300', 
-      '#ccc'
-    ]
-paint = {"fill-extrusion-color": outcome, 
-         "fill-extrusion-opacity": 0.7,
-         "fill-extrusion-height": ["*", ["get", "log_amount"], 5000],
-        }
+
+
+dark_orange = 'rgba(171, 86, 1, 1)'   # dark orange - min value 
+light_orange = 'rgba(242, 185, 130, 1)' # light orange 
+grey = 'rgba(211, 211, 211, 1)'        # grey
+light_green = 'rgba(195, 219, 195, 1)' # light green 
+dark_green = 'rgba(65, 125, 65, 1)'    # dark green  - max value 
+
+
 style = {
     "layers": [
         {
-            "id": "votes",
+            "id": "counties & municipals",
             "source": "vote",
             "source-layer": "vote",
             "type": "fill-extrusion",
@@ -94,8 +86,23 @@ style = {
                 "==",
                 ["get", "year"],
                 year,
-            ], 
-            "paint": paint
+            ],
+            "paint": {
+                "fill-extrusion-color": [
+                    'interpolate',
+                    ['linear'],
+                    [
+                        'to-number',
+                        ['slice', ['get', 'yes'], 0, -1]  # remove %
+                    ],
+                    20, dark_orange,
+                    45, light_orange,
+                    50, grey,
+                    55, light_green,
+                    85, dark_green,
+                ],
+                "fill-extrusion-height": ["*", ["get", "log_amount"], 5000],
+            }
         },
     ],
 }
@@ -103,7 +110,7 @@ style = {
 style_states = {
     "layers": [
         {
-            "id": "votes_states",
+            "id": "states",
             "source": "vote_states",
             "source-layer": "vote_states",
             "type": "fill",
@@ -111,30 +118,48 @@ style_states = {
                 "==",
                 ["get", "year"],
                 year,
-            ],  
-            "paint": {"fill-color": outcome}
+            ],
+            "paint": {
+                "fill-color": [
+                    'interpolate',
+                    ['linear'],
+                    [
+                        'to-number',
+                        ['slice', ['get', 'yes'], 0, -1]  # remove %
+                    ],
+                    20, dark_orange,
+                    45, light_orange,
+                    50, grey,
+                    55, light_green,
+                    85, dark_green,
+                ]
+            }
         },
     ],
 }
 
+
+
+
+#states are 2D and transparent, thus added separately.
 m.add_pmtiles(
-    url,
-    style=style,
+    url_states,
+    style=style_states,
     visible=True,
-    opacity=1.0,
+    opacity=0.6,
     tooltip=True,
-    fit_bounds=False,
+    fit_bounds=False
 )
 
-#states are 2D and transparent, thus added separately.
 m.add_pmtiles(
-    url_states,
-    style=style_states,
+    url,
+    style=style,
     visible=True,
-    opacity=0.4,
+    opacity=1.0,
     tooltip=True,
-    fit_bounds=False,
+    fit_bounds=False
 )
-#m.add_layer_control()
+
+m.add_layer_control()
 m.to_streamlit()