modified legend for deaths as well as changed color for 0 death count

Author: rhansolo

src/Legend.svelte

@@ -10,8 +10,16 @@
   stats.subscribe(s => (s ? updateLowHigh($currentSensor, s) : ''));
 
   function updateLowHigh(sens, stats) {
-    let sts = stats.get(sens);
-    let valueMinMax = [sts.mean - 3 * sts.std, sts.mean + 3 * sts.std];
+    let sts;
+    let valueMinMax;
+
+    if ($currentSensor === 'jhu-csse-deaths_incidence_prop') {
+      sts = stats.get(sens + '_count');
+      valueMinMax = [sts.low, sts.high];
+    } else {
+      sts = stats.get(sens);
+      valueMinMax = [sts.mean - 3 * sts.std, sts.mean + 3 * sts.std];
+    }
 
     if ($sensorMap.get($currentSensor).format === 'raw') {
       high = valueMinMax[1].toFixed(2);

src/MapBox.svelte

@@ -356,7 +356,7 @@
       let center = valueMinMax[0] + (valueMinMax[1] - valueMinMax[0]) / 2;
       if ($sensorMap.get($currentSensor).name === 'Deaths (JHU)') {
         stops = [
-          [0, MAP_THEME.countyFill],
+          [0, DIRECTION_THEME.deathMin],
           [valueMinMax[0], DIRECTION_THEME.gradientMin],
           [center, DIRECTION_THEME.gradientMiddle],
           [valueMinMax[1], DIRECTION_THEME.gradientMax],
@@ -368,7 +368,6 @@
         ];
       } else {
         stops = [
-          [0, MAP_THEME.countyFill],
           [Math.max(0, valueMinMax[0]), DIRECTION_THEME.gradientMin],
           [center, DIRECTION_THEME.gradientMiddle],
           [valueMinMax[1], DIRECTION_THEME.gradientMax],

src/theme.js

@@ -14,6 +14,7 @@ export const DIRECTION_THEME = {
   steadyIcon: '▬',
   decreasingIcon: '▼',
   max: color_high,
+  deathMin: '#F2F2F2',
   gradientMin: color_low,
   gradientMiddle: color_medium,
   gradientMax: color_high,
@@ -28,4 +29,4 @@ export const MAP_THEME = {
   stateOutline: '#bcbcbc',
   countyFill: '#e4dac4',
   countyOutline: '#e0e0e0',
-};
+};