population for msa/county/state has been added

Author: rhansolo

public/maps/new_counties.json

@@ -79,7 +79,7 @@
 
     if (hoveredId !== null && level === 'mega-county') return;
     // popup
-    const { value, direction, NAME } = e.features[0].properties;
+    const { value, direction, NAME, Population } = e.features[0].properties;
     const fillColor = e.features[0].layer.paint['fill-color'].toString();
 
     const sens = $sensorMap.get($currentSensor);
@@ -95,6 +95,7 @@
         const death_num = e.features[0].properties.value1;
         body = `
           <div class="map-popup-region-value-container">
+            Population: ${Population} <br>
             Deaths : ${death_num} <br>
             ${sens.yAxis}:
             <span class="map-popup-region-value" 

public/maps/new_msa.json

@@ -131,9 +131,9 @@ export const levels = readable({
 // This loads all the GeoJSON's for each granularity that the MapBox component reads as layers.
 export const geojsons = readable(new Map(), function start(set) {
   Promise.all([
-    d3.json('./maps/counties-simple.json'),
-    d3.json('./maps/states-simple.json'),
-    d3.json('./maps/msa-albers-new.json'),
+    d3.json('./maps/new_counties.json'),
+    d3.json('./maps/new_states.json'),
+    d3.json('./maps/new_msa.json'),
     d3.json('./maps/city_data/cities-reprojected.json'),
   ]).then(([a, b, c, d]) => {
     let m = new Map();

public/maps/new_states.json

@@ -12,7 +12,6 @@ export const calculateValFromRectified = (rectified) => {
 export const injectIDs = (level, data) => {
   data.features.forEach((d) => {
     d.properties.level = level;
-
     if (level === 'county') {
       d.id = d.properties.id = d.properties.GEO_ID.slice(-5);
     } else if (level === 'msa') {