fixed color

app.py

@@ -69,7 +69,7 @@ url_states = "https://huggingface.co/datasets/boettiger-lab/landvote/resolve/mai
 
 
 dark_orange = 'rgba(171, 86, 1, 1)'   # dark orange - min value 
-light_orange = 'rgba(242, 185, 130, 1)' # light orange 
+light_orange = 'rgba(243, 211, 177, 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 
@@ -89,17 +89,28 @@ style = {
             ],
             "paint": {
                 "fill-extrusion-color": [
-                    'interpolate',
-                    ['linear'],
+                    "case",
+                    # if passed, color green
+                    ["==", ["get", "Status"], "Pass"],
                     [
-                        'to-number',
-                        ['slice', ['get', 'yes'], 0, -1]  # remove %
+                        "interpolate", ["linear"], [
+                            "to-number", ["slice", ["get", "yes"], 0, -1]  # convert 'yes' string to number
+                        ],
+                        50, grey,    
+                        55, light_green,     # higher yes % -> darker green
+                        100, dark_green     # 100 is the max of data 
                     ],
-                    20, dark_orange,
-                    45, light_orange,
-                    50, grey,
-                    55, light_green,
-                    85, dark_green,
+                    # if failed, color orange
+                    ["==", ["get", "Status"], "Fail"],
+                    [
+                        "interpolate", ["linear"], [
+                            "to-number", ["slice", ["get", "yes"], 0, -1]  # convert 'yes' string to number
+                        ],
+                        0, dark_orange,     # higher yes % -> lighter orange 
+                        50, light_orange,   
+                        67, grey # 67 is the max of data.
+                    ],
+                    grey  # if no match 
                 ],
                 "fill-extrusion-height": ["*", ["get", "log_amount"], 5000],
             }
@@ -121,17 +132,28 @@ style_states = {
             ],
             "paint": {
                 "fill-color": [
-                    'interpolate',
-                    ['linear'],
+                    "case",
+                    # if passed, color green
+                    ["==", ["get", "Status"], "Pass"],
+                    [
+                        "interpolate", ["linear"], [
+                            "to-number", ["slice", ["get", "yes"], 0, -1]  # convert 'yes' string to number
+                        ],
+                        50, grey,    
+                        55, light_green,     # higher yes % -> darker green
+                        100, dark_green     # 100 is the max of data 
+                    ],
+                    # if failed, color orange
+                    ["==", ["get", "Status"], "Fail"],
                     [
-                        'to-number',
-                        ['slice', ['get', 'yes'], 0, -1]  # remove %
+                        "interpolate", ["linear"], [
+                            "to-number", ["slice", ["get", "yes"], 0, -1]  # convert 'yes' string to number
+                        ],
+                        0, dark_orange,     # higher yes % -> lighter orange 
+                        50, light_orange,   
+                        67, grey # 67 is the max of data.
                     ],
-                    20, dark_orange,
-                    45, light_orange,
-                    50, grey,
-                    55, light_green,
-                    85, dark_green,
+                    grey  # if no match 
                 ]
             }
         },
@@ -139,8 +161,6 @@ style_states = {
 }
 
 
-
-
 #states are 2D and transparent, thus added separately.
 m.add_pmtiles(
     url_states,