31:T1fb2,viewof IllinoisCovidMap = { const lang = "en"; // Initialize const outerContainer = html`

${style()}

`; const mapContainer = html`

`; const container = html`

`; const selectorWrapper = html`

`; const selectorText = html`${messageFormatter( "selectorSuffix", lang ).format()}`; const sectionTopper = html`

`; const demographicSection = html`

`; let firstInteraction = false; // Check for an override or stored ZIP const storedZip = ZIPOverride || window.localStorage.getItem(STORAGE_KEY); // Set a default value for our selector let defaultSelectorValue = storedZip ? storedZip : greatestPerCapita; // Wait for geoip and override default if set if not already stored if (!storedZip) { const geolocation = await geoip(); if ( geolocation && geolocation.postal && geolocation.region === "Illinois" ) { defaultSelectorValue = geolocation.postal; window.localStorage.setItem(STORAGE_KEY, defaultSelectorValue); triggerEmbedAnalyticsEvent( "IL ZIP map geoip detection", defaultSelectorValue ); } else { triggerEmbedAnalyticsEvent("IL ZIP map geoip detection", "failed"); } } // Now set container value outerContainer.value = { selected: defaultSelectorValue }; let activeZip = getActiveZip(defaultSelectorValue); let activeCounty = getActiveCounty(activeZip); // Build selector const selector = getSelector(activeZip, lang); selectorWrapper.appendChild(selectorPrefixFragment(lang)); selectorWrapper.appendChild(selector); selectorWrapper.appendChild(selectorText); const topperCounts = html`

`; topperCounts.appendChild(selectorWrapper); const topperCountsBox = html`

`; topperCountsBox.appendChild(covidCountBox(activeZip, lang)); topperCounts.appendChild(topperCountsBox); sectionTopper.appendChild(topperCounts); const infoBoxWrapper = html`

`; infoBoxWrapper.appendChild(infoBox(activeZip, lang)); sectionTopper.appendChild(infoBoxWrapper); mapContainer.appendChild(container); outerContainer.appendChild(mapLegend(lang)); outerContainer.appendChild(mapContainer); outerContainer.appendChild(sectionTopper); outerContainer.appendChild(demographicSection); yield outerContainer; function redrawContent() { window.localStorage.setItem(STORAGE_KEY, activeZip.properties.ZCTA5CE10); topperCountsBox.innerHTML = ''; topperCountsBox.append(covidCountBox(activeZip, lang)); infoBoxWrapper.innerHTML = ''; infoBoxWrapper.append(infoBox(activeZip, lang)); demographicSection.innerHTML = ''; demographicSection.append( demographicContent(activeZip, activeCounty, lang) ); } redrawContent(); const map = new mapboxgl.Map({ container, style: "mapbox://styles/chicagoreporter/ck8s5gpth1uhb1irwjnniolhy", scrollZoom: true }); function redrawMap() { const bbox = turf.bbox(turf.buffer(activeZip, 1.5)); map.fitBounds(bbox, { padding: 5 }); map.setPaintProperty("zctaActiveStrokeLayer", 'line-width', [ "interpolate", ["linear"], ["zoom"], 5, ["match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 1, 0], 14, ["match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 7, 0] ]); } function redraw() { activeZip = getActiveZip(outerContainer.value.selected); activeCounty = getActiveCounty(activeZip); redrawMap(); redrawContent(); window.localStorage.setItem(STORAGE_KEY, activeZip.properties.ZCTA5CE10); } selector.addEventListener('input', e => { outerContainer.value.selected = e.target.value; triggerEmbedAnalyticsEvent( "IL ZIP map interaction", "select", e.target.value ); if (!firstInteraction) { firstInteraction = true; triggerEmbedAnalyticsEvent( "IL ZIP map first interaction", "select", e.target.value ); } redraw(); }); map.addControl(new mapboxgl.NavigationControl()); // This stuff should really be loaded into a helper/callback map.on("load", () => { map.fitBounds(IllinoisBoundingBox); // This is so bad! But there's not a great way to wait for fitBounds to end that I've found. setTimeout(redrawMap, 300); map.addSource("zcta", { type: "geojson", data: { type: "FeatureCollection", features: IllinoisZCTAGeoCovidCases } }); const choroplethStops = [...breaks.slice(1), maxMeasure] .map(d => [countColor(d - 1), d + 1]) .flat(); map.addLayer( { id: "zctaFillLayer", type: "fill", source: "zcta", layout: {}, paint: { 'fill-color': [ 'step', ['get', mapChoroplethVariable], "rgba(255, 255, 255, 0.1)", 1, ...choroplethStops.slice(0, choroplethStops.length - 1) ] } }, layerBefore ); map.addLayer( { id: "zctaStrokeLayer", type: "line", source: "zcta", layout: {}, paint: { 'line-color': '#777777', 'line-width': [ 'interpolate', ['linear'], ['zoom'], 7, 0, 8, .75, 15, 2 ], 'line-opacity': ['interpolate', ['linear'], ['zoom'], 7, 0, 9, 1] } }, "road-label-simple" ); map.addLayer( { id: "zctaActiveStrokeLayer", type: "line", source: "zcta", layout: {}, paint: { 'line-color': '#222222', 'line-width': [ "interpolate", ["linear"], ["zoom"], 5, [ "match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 1, 0 ], 14, [ "match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 7, 0 ] ], 'line-opacity': ['interpolate', ['linear'], ['zoom'], 5, 0, 6, 1] } }, "road-label-simple" ); map.addLayer({ id: 'zctaLabels', type: 'symbol', source: 'zcta', layout: { "text-padding": ["interpolate", ["linear"], ["zoom"], 8.99, 60, 12, 15], "text-font": ["Open Sans SemiBold", "Arial Unicode MS Regular"], "text-size": [ "interpolate", ["linear"], ["zoom"], 8.99, 0, 9, 10, 12, 18 ], "text-letter-spacing": 0.05, "text-field": ["to-string", ["get", "ZCTA5CE10"]] }, paint: { "text-halo-color": "hsla(0, 0%, 100%, 0)", "text-halo-width": 1 } }); // Click on ZIPs to navigate map.on('click', 'zctaFillLayer', function(e) { outerContainer.value.selected = e.features[0].properties.ZCTA5CE10; const selectBox = selector.querySelector("select"); selectBox.value = outerContainer.value.selected; selectBox.dispatchEvent(new Event('change')); triggerEmbedAnalyticsEvent( "IL ZIP map interaction", "map click", e.features[0].properties.ZCTA5CE10 ); if (!firstInteraction) { firstInteraction = true; triggerEmbedAnalyticsEvent( "IL ZIP map first interaction", "map click", e.features[0].properties.ZCTA5CE10 ); } redraw(); }); }); await triggerEmbedAnalytics("IL zipcode map"); invalidation.then(() => map.remove()); return outerContainer; }32:T201b,IllinoisCovidMapES = { const lang = "es"; // Initialize const outerContainer = html`

${style()}

`; const mapContainer = html`

`; const container = html`

`; const selectorWrapper = html`

`; const selectorText = html`${messageFormatter( "selectorSuffix", lang ).format()}`; const sectionTopper = html`

`; const demographicSection = html`

`; let firstInteraction = false; // Check for an override or stored ZIP const storedZip = ZIPOverride || window.localStorage.getItem(STORAGE_KEY); // Set a default value for our selector let defaultSelectorValue = storedZip ? storedZip : greatestPerCapita; // Wait for geoip and override default if set (@TODO check first for local storage) if (!storedZip) { const geolocation = await geoip(); if ( geolocation && geolocation.postal && geolocation.region === "Illinois" ) { defaultSelectorValue = geolocation.postal; window.localStorage.setItem(STORAGE_KEY, defaultSelectorValue); triggerEmbedAnalyticsEvent( `IL ZIP map geoip detection (${lang})`, defaultSelectorValue ); } else { triggerEmbedAnalyticsEvent( `IL ZIP map geoip detection (${lang})`, "failed" ); } } // Now set container value outerContainer.value = { selected: defaultSelectorValue }; let activeZip = getActiveZip(defaultSelectorValue); let activeCounty = getActiveCounty(activeZip); // Build selector const selector = getSelector(activeZip, lang); selectorWrapper.appendChild(selectorPrefixFragment(lang)); selectorWrapper.appendChild(selector); selectorWrapper.appendChild(selectorText); const topperCounts = html`

`; topperCounts.appendChild(selectorWrapper); const topperCountsBox = html`

`; topperCountsBox.appendChild(covidCountBox(activeZip, lang)); topperCounts.appendChild(topperCountsBox); sectionTopper.appendChild(topperCounts); const infoBoxWrapper = html`

`; infoBoxWrapper.appendChild(infoBox(activeZip, lang)); sectionTopper.appendChild(infoBoxWrapper); mapContainer.appendChild(container); outerContainer.appendChild(mapLegend(lang)); outerContainer.appendChild(mapContainer); outerContainer.appendChild(sectionTopper); outerContainer.appendChild(demographicSection); yield outerContainer; function redrawContent() { window.localStorage.setItem(STORAGE_KEY, activeZip.properties.ZCTA5CE10); topperCountsBox.innerHTML = ''; topperCountsBox.append(covidCountBox(activeZip, lang)); infoBoxWrapper.innerHTML = ''; infoBoxWrapper.append(infoBox(activeZip, lang)); demographicSection.innerHTML = ''; demographicSection.append( demographicContent(activeZip, activeCounty, lang) ); } redrawContent(); const map = new mapboxgl.Map({ container, style: "mapbox://styles/chicagoreporter/ck8s5gpth1uhb1irwjnniolhy", scrollZoom: true }); function redrawMap() { const bbox = turf.bbox(turf.buffer(activeZip, 1.5)); map.fitBounds(bbox, { padding: 5 }); map.setPaintProperty("zctaActiveStrokeLayer", 'line-width', [ "interpolate", ["linear"], ["zoom"], 5, ["match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 1, 0], 14, ["match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 7, 0] ]); } function redraw() { activeZip = getActiveZip(outerContainer.value.selected); activeCounty = getActiveCounty(activeZip); redrawMap(); redrawContent(); window.localStorage.setItem(STORAGE_KEY, activeZip.properties.ZCTA5CE10); } selector.addEventListener('input', e => { outerContainer.value.selected = e.target.value; triggerEmbedAnalyticsEvent( `IL ZIP map interaction (${lang})`, "select", e.target.value ); if (!firstInteraction) { firstInteraction = true; triggerEmbedAnalyticsEvent( `IL ZIP map first interaction (${lang})`, "select", e.target.value ); } redraw(); }); map.addControl(new mapboxgl.NavigationControl()); // This stuff should really be loaded into a helper/callback map.on("load", () => { map.fitBounds(IllinoisBoundingBox); // This is so bad! But there's not a great way to wait for fitBounds to end that I've found. setTimeout(redrawMap, 300); map.addSource("zcta", { type: "geojson", data: { type: "FeatureCollection", features: IllinoisZCTAGeoCovidCases } }); const choroplethStops = [...breaks.slice(1), maxMeasure] .map(d => [countColor(d - 1), d + 1]) .flat(); map.addLayer( { id: "zctaFillLayer", type: "fill", source: "zcta", layout: {}, paint: { 'fill-color': [ 'step', ['get', mapChoroplethVariable], "rgba(255, 255, 255, 0.1)", 1, ...choroplethStops.slice(0, choroplethStops.length - 1) ] } }, layerBefore ); map.addLayer( { id: "zctaStrokeLayer", type: "line", source: "zcta", layout: {}, paint: { 'line-color': '#777777', 'line-width': [ 'interpolate', ['linear'], ['zoom'], 7, 0, 8, .75, 15, 2 ], 'line-opacity': ['interpolate', ['linear'], ['zoom'], 7, 0, 9, 1] } }, "road-label-simple" ); map.addLayer( { id: "zctaActiveStrokeLayer", type: "line", source: "zcta", layout: {}, paint: { 'line-color': '#222222', 'line-width': [ "interpolate", ["linear"], ["zoom"], 5, [ "match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 1, 0 ], 14, [ "match", ["get", "ZCTA5CE10"], [outerContainer.value.selected], 7, 0 ] ], 'line-opacity': ['interpolate', ['linear'], ['zoom'], 5, 0, 6, 1] } }, "road-label-simple" ); map.addLayer({ id: 'zctaLabels', type: 'symbol', source: 'zcta', layout: { "text-padding": ["interpolate", ["linear"], ["zoom"], 8.99, 60, 12, 15], "text-font": ["Open Sans SemiBold", "Arial Unicode MS Regular"], "text-size": [ "interpolate", ["linear"], ["zoom"], 8.99, 0, 9, 10, 12, 18 ], "text-letter-spacing": 0.05, "text-field": ["to-string", ["get", "ZCTA5CE10"]] }, paint: { "text-halo-color": "hsla(0, 0%, 100%, 0)", "text-halo-width": 1 } }); // Click on ZIPs to navigate map.on('click', 'zctaFillLayer', function(e) { outerContainer.value.selected = e.features[0].properties.ZCTA5CE10; const selectBox = selector.querySelector("select"); selectBox.value = outerContainer.value.selected; selectBox.dispatchEvent(new Event('change')); triggerEmbedAnalyticsEvent( `IL ZIP map interaction (${lang})`, "map click", e.features[0].properties.ZCTA5CE10 ); if (!firstInteraction) { firstInteraction = true; triggerEmbedAnalyticsEvent( `IL ZIP map first interaction (${lang})`, "map click", e.features[0].properties.ZCTA5CE10 ); } redraw(); }); }); await triggerEmbedAnalytics(`IL zipcode map (${lang})`); invalidation.then(() => map.remove()); return outerContainer; }33:T931,function getSelector(activeZip, lang) { const wrapper = html``; const element = html` ${messageFormatter("selectors.label", lang).format({ zip: activeZip.properties.ZCTA5CE10, county: activeZip.properties.county })} `; const selector = element.querySelector("select"); const value = element.querySelector(".value"); selector.addEventListener("change", e => { const selected = IllinoisZCTAGeoCovidCases.filter( d => d.properties.ZCTA5CE10 === e.target.value ).pop(); value.innerHTML = `${selected.properties.ZCTA5CE10} in ${selected.properties.county} County`; }); const style = html``; wrapper.appendChild(element); wrapper.appendChild(style); return wrapper; }34:T414,header = activeZip => { const basics = html`

${activeZip.properties.ZCTA5CE10} is a ZIP code in ${ activeZip.properties.county } County

Pop. ${activeZip.properties.DP05_0001E.toLocaleString()} +/- ${activeZip.properties.DP05_0001M.toLocaleString()}

`; let cases; if (activeZip.properties.confirmed_cases) { cases = html`

Confirmed cases: ${activeZip.properties.confirmed_cases}

`; } else { cases = html`There are no confirmed cases of COVID-19 in ${activeZip.properties.ZCTA5CE10}. It should be assumed that COVID-19 exposure can occur in every county in IL.`; } let per_capita = ""; if (activeZip.properties.cases_per_capita) { per_capita = html`

Cases per 1,000 people: ${( activeZip.properties.cases_per_capita * 1000 ).toLocaleString()}

`; } else if (activeZip.properties.confirmed_cases) { per_capita = html`

Per capita rate cannot be calculated because population estimate is too uncertain.

`; } return html`${basics} ${cases} ${per_capita}`; }35:T470,function infoBox(activeZip, lang) { return html`

${messageFormatter("infobox.prisons", lang).format({ i: str => html`` })}

${messageFormatter("infobox.threshold", lang).format({ i: str => html`` })}

${messageFormatter("infobox.prisons", lang).format({ i: str => html`` })}

${ CityBureauZIPList.includes(activeZip.properties.ZCTA5CE10) ? html`

${messageFormatter("resourcebox.link", lang).format({ a: str => html`${str}`, zip: activeZip.properties.ZCTA5CE10 })}

` : "" }

`; }36:T8a5,function covidCountBox(activeZip, lang) { const change = activeZip.properties.daily_change; return html`

${messageFormatter("countbox.total", lang).format({ cases: activeZip.properties.confirmed_cases < 6 ? messageFormatter("countbox.lessthan6", lang).format() : activeZip.properties.confirmed_cases.toLocaleString(lang) })}

${ change < 0 || activeZip.properties.confirmed_cases < 6 ? "" : html`${messageFormatter( "countbox.change", lang ).format({ b: str => html`${str}`, pct: activeZip.properties.daily_change_pct.toLocaleString( undefined, { style: "percent" } ), change: activeZip.properties.daily_change, date: new Date(previousDate).toLocaleString(lang, { timeZone: "UTC", month: "long", day: "numeric" }) })}` }

${ activeZip.properties.confirmed_cases > 5 && activeZip.properties.below_moe_threshold ? html`

${activeZip.properties.cases_per_1000.toLocaleString(undefined, { maximumFractionDigits: 1 })} cases per 1,000 people

` : "" }

${messageFormatter("countbox.tests", lang).format({ tests: activeZip.properties.total_tested ? activeZip.properties.total_tested.toLocaleString(lang) : 0 })}

${messageFormatter( "maphelp.line1", lang ).format()}
${messageFormatter( "maphelp.line2", lang ).format({ i: str => html`` })}

`; }37:Tbb6,function demographicContent(activeZip, activeCounty, lang) { const container = html`

`; if (activeZip.properties.demographics) { container.append(html`

${messageFormatter("tables.title", lang).format({ zip: activeZip.properties.ZCTA5CE10 })}

${raceTable(activeZip, lang)}

${ageTable(activeZip, lang)}

`); } if (activeZip.properties.confirmed_cases) { container.append(html`

${messageFormatter("charts.title", lang).format({ zip: activeZip.properties.ZCTA5CE10 })}

${messageFormatter("charts.percapita", lang).format()}

${demographicChart(activeZip, "cases_per_1000", lang)}

${messageFormatter("charts.total", lang).format()}

${demographicChart(activeZip, "confirmed_cases", lang)}

`); } container.append(html`

${messageFormatter("countygraf", lang).format({ zip: activeZip.properties.ZCTA5CE10, pop: activeZip.properties.census_demographics.Population.Total.E.toLocaleString( lang ), moe: activeZip.properties.census_demographics.Population.Total.E.toLocaleString( lang ), place: formatCountyName(activeZip), place_start: capFirstLetter(formatCountyName(activeZip)), place_cases: activeCounty.properties.confirmed_cases.toLocaleString( lang ), place_deaths: activeCounty.properties.deaths.toLocaleString(lang), state_cases: IllinoisLatest.properties.confirmed_cases.toLocaleString( lang ), state_deaths: IllinoisLatest.properties.deaths.toLocaleString(lang) })}

`); container.append(html` `); container.append(html`

${downloadLink(lang)} ${downloadHistoricalLink(lang, activeZip.properties.ZCTA5CE10)}

${messageFormatter("correction1", lang).format()}

${messageFormatter("covidsource", lang).format()}

${messageFormatter("censussource", lang).format()}

`); return container; }38:T8ff,function demographicChart(activeZip, column, lang) { const places = IllinoisZCTAGeoCovidCases.filter( d => d.properties[column] && d.properties[column] > 0 ).sort((a, b) => b.properties[column] - a.properties[column]); const chartWidth = 400; const chartHeight = 120; const chartMargin = { left: 0, right: 0, top: 20, bottom: 20 }; const x = d3 .scaleBand() .domain(places.map(d => d.properties.ZCTA5CE10)) .range([chartMargin.left, chartWidth - chartMargin.right]) .padding(0); const y = d3 .scaleLinear() .domain([0, d3.max(places, d => d.properties[column])]) .range([chartHeight - chartMargin.bottom, chartMargin.top]); const svg = d3.create("svg").attr("viewBox", [0, 0, chartWidth, chartHeight]); svg .append("g") .selectAll("rect") .data(places) .join("rect") .attr("shape-rendering", "crispEdges") .attr("x", d => { return x(d.properties.ZCTA5CE10); }) .attr("y", d => y(d.properties[column])) .attr( "height", d => chartHeight - y(d.properties[column]) - chartMargin.bottom ) .attr("width", d => d.properties.ZCTA5CE10 === activeZip.properties.ZCTA5CE10 ? 1 : x.bandwidth() ) .attr("stroke", d => d.properties.ZCTA5CE10 === activeZip.properties.ZCTA5CE10 ? "purple" : "none" ) .attr("fill", d => d.properties.ZCTA5CE10 === activeZip.properties.ZCTA5CE10 ? "purple" : "#cccccc" ); // svg // .append("g") // .append("text") // .style("font-size", "16px") // .attr("x", x(places[0].properties.ZCTA5CE10)) // .attr("y", y(places[0].properties[column])) // .attr("dy", -4) // .text( // messageFormatter("charts.max", lang).format({ // value: places[0].properties[column].toLocaleString(undefined, { // maximumFractionDigits: 1, // minimumFractionDigits: 1 // }), // zip: activeZip.properties.ZCTA5CE10 // }) // ); svg .append("g") .append("text") .style("font-size", "16px") .attr("x", 0) .attr("y", chartHeight) .attr("dy", -4) .attr("text-anchor", "start") .text(messageFormatter("charts.axis", lang).format()); return svg.node(); }39:Tff2,raceTable = function(activeZip, lang) { const totalCases = d3.sum( activeZip.properties.demographics.race, d => d.count ); const totalTested = d3.sum( activeZip.properties.demographics.race, d => d.tested ); const data = activeZip.properties.demographics.race .sort((a, b) => b.count - a.count) .map(d => { d.count_pct = d.count / totalCases; d.tested_pct = d.tested / totalTested; return d; }); const censusDemographics = activeZip.properties.census_demographics.Race; const caseScale = d3 .scaleLinear() .domain([0, d3.max(data, d => d.count_pct)]) .range(["#fff5eb", "#e25609"]); const testScale = d3 .scaleLinear() .domain([0, d3.max(data, d => d.tested_pct)]) .range(["#f1eff6", "#7363ac"]); const popScale = d3 .scaleLinear() .domain([0, d3.max(Object.values(censusDemographics), d => d.PE)]) .range(["#e3eef9", "#2f7ebc"]); const legendScale = (label, color, data, selector) => legend({ title: `% of ${label}`, color: color, tickFormat: '%', tickValues: [0, d3.max(data, d => d[selector])], width: 60, marginLeft: 5 }); return html` ${data.map( row => html` ` )}

${messageFormatter("tables.racelabel", lang).format()}	${messageFormatter( "tables.caselabel", lang ).format()}	${messageFormatter( "tables.testedlabel", lang ).format()}	${messageFormatter( "tables.populationlabel", lang ).format()}
${messageFormatter( "tables.races." + row.description, lang ).format()}	${ row.count < 6 ? html`<6` : html`${row.count_pct.toLocaleString(lang, { style: "percent" })}` }	${ row.tested < 6 ? html`<6` : html`${row.tested_pct.toLocaleString(lang, { style: "percent" })}` }	${ censusDemographics[row.description] ? html`${censusDemographics[row.description].PE.toLocaleString( lang, { style: "percent" } )}` : html`n/a` }
	${legendScale( messageFormatter("tables.caselabel", lang).format(), caseScale, data, 'count_pct' )}	${legendScale( messageFormatter("tables.testedlabel", lang).format(), testScale, data, 'tested_pct' )}	${legendScale( messageFormatter("tables.populationlabel", lang).format(), popScale, Object.values(censusDemographics), 'PE' )}

`; }3a:Taef,ageTable = function(activeZip, lang) { const totalCases = d3.sum( activeZip.properties.demographics.age, d => d.count ); const totalTested = d3.sum( activeZip.properties.demographics.age, d => d.tested ); const data = activeZip.properties.demographics.age .map(d => { d.count_pct = d.count / totalCases; d.tested_pct = d.tested / totalTested; return d; }) .filter(d => d.age_group !== "Unknown"); const caseScale = d3 .scaleLinear() .domain([0, d3.max(data, d => d.count_pct)]) .range(["#fff5eb", "#e25609"]); const testScale = d3 .scaleLinear() .domain([0, d3.max(data, d => d.tested_pct)]) .range(["#f1eff6", "#7363ac"]); const legendScale = (label, color, data, selector) => legend({ title: `% of ${label}`, color: color, tickFormat: '%', tickValues: [0, d3.max(data, d => d[selector])], width: 60, marginLeft: 5 }); return html` ${data.map( row => html` ` )}

${messageFormatter("tables.agelabel", lang).format()}	${messageFormatter( "tables.caselabel", lang ).format()}	${messageFormatter( "tables.testedlabel", lang ).format()}
${row.age_group}	${ row.count < 6 ? html`<6` : html`${row.count_pct.toLocaleString(lang, { style: "percent" })}` }	${ row.tested < 6 ? html`<6` : html`${row.tested_pct.toLocaleString(lang, { style: "percent" })}` }
	${legendScale( messageFormatter("tables.caselabel", lang).format(), caseScale, data, 'count_pct' )}	${legendScale( messageFormatter("tables.testedlabel", lang).format(), testScale, data, 'tested_pct' )}

`; }3b:T199e,function style() { return html` `; }3c:T678,IllinoisZCTAGeoCovidCases = IllinoisZCTAGeo.map(d => { // Get matching ZIP from ZCTA file const match = IllinoisZIPCodeCovidData.zip_values.find( c => d.properties.ZCTA5CE10 === c.zip ); // Go back in time const previousDateString = previousDate; const previousMatch = IllinoisZIPCodeCovidHistoricalData.get( previousDateString ) .zip_values.filter(m => m.zip === d.properties.ZCTA5CE10) .pop(); if (match) { d.properties = { ...match, ...d.properties }; } else { d.properties.confirmed_cases = 0; } if (previousMatch) { d.properties.daily_change = d.properties.confirmed_cases - previousMatch.confirmed_cases; } else { d.properties.daily_change = 0; } if (previousMatch && previousMatch.confirmed_cases > 0) { d.properties.daily_change_pct = d.properties.daily_change / previousMatch.confirmed_cases; } d.properties.pct_population_moe = d.properties.census_demographics.Population.Total.M / d.properties.census_demographics.Population.Total.E; if (d.properties.pct_population_moe < 0.1) { d.properties.cases_per_capita = d.properties.confirmed_cases / d.properties.census_demographics.Population.Total.E; d.properties.cases_per_1000 = (d.properties.confirmed_cases / d.properties.census_demographics.Population.Total.E) * 1000; d.properties.below_moe_threshold = true; } else { d.properties.cases_per_capita = null; d.properties.cases_per_1000 = null; d.properties.below_moe_threshold = false; } return d; }).sort( (a, b) => parseInt(a.properties.ZCTA5CE10) - parseInt(b.properties.ZCTA5CE10) )3d:T1e8d,IllinoisZIPCodeCovidFullHistoricalData = new Map() // IllinoisZIPCodeCovidFullHistoricalData = new Map([ // [ // '2020-07-06', // await FileAttachment("IllinoisZIPCodeCovidData-20200706.json").json() // ], // [ // '2020-07-05', // await FileAttachment("IllinoisZIPCodeCovidData-20200705.json").json() // ], // [ // '2020-07-04', // await FileAttachment("IllinoisZIPCodeCovidData-20200704.json").json() // ], // [ // '2020-07-03', // await FileAttachment("IllinoisZIPCodeCovidData-20200703.json").json() // ], // [ // '2020-07-02', // await FileAttachment("IllinoisZIPCodeCovidData-20200702.json").json() // ], // [ // '2020-07-01', // await FileAttachment("IllinoisZIPCodeCovidData-2020071.json").json() // ], // [ // '2020-06-30', // await FileAttachment("IllinoisZIPCodeCovidData-20200630.json").json() // ], // [ // '2020-06-29', // await FileAttachment("IllinoisZIPCodeCovidData-20200629.json").json() // ], // [ // '2020-06-28', // await FileAttachment("IllinoisZIPCodeCovidData-20200628.json").json() // ], // [ // '2020-06-27', // await FileAttachment("IllinoisZIPCodeCovidData-20200627.json").json() // ], // [ // '2020-06-26', // await FileAttachment("IllinoisZIPCodeCovidData-20200626.json").json() // ], // [ // '2020-06-25', // await FileAttachment("IllinoisZIPCodeCovidData-20200625.json").json() // ], // [ // '2020-06-24', // await FileAttachment("IllinoisZIPCodeCovidData-20200624.json").json() // ], // [ // '2020-06-23', // await FileAttachment("IllinoisZIPCodeCovidData-20200623.json").json() // ], // ['2020-06-22', await FileAttachment("COVIDZip-20200622.json").json()], // [ // '2020-06-20', // await FileAttachment("IllinoisZIPCodeCovidData-20200620.json").json() // ], // [ // '2020-06-19', // await FileAttachment("IllinoisZIPCodeCovidData-20200619.json").json() // ], // [ // '2020-06-18', // await FileAttachment("IllinoisZIPCodeCovidData-20200618.json").json() // ], // [ // '2020-06-17', // await FileAttachment("IllinoisZIPCodeCovidData-20200617.json").json() // ], // [ // '2020-06-16', // await FileAttachment("IllinoisZIPCodeCovidData-20200616.json").json() // ], // [ // '2020-06-15', // await FileAttachment("IllinoisZIPCodeCovidData-20200615.json").json() // ], // [ // '2020-06-14', // await FileAttachment("IllinoisZIPCodeCovidData-20200614.json").json() // ], // [ // '2020-06-13', // await FileAttachment("IllinoisZIPCodeCovidData-20200613.json").json() // ], // [ // '2020-06-12', // await FileAttachment("IllinoisZIPCodeCovidData-20200612.json").json() // ], // [ // '2020-06-11', // await FileAttachment("IllinoisZIPCodeCovidData-20200611.json").json() // ], // [ // '2020-06-10', // await FileAttachment("IllinoisZIPCodeCovidData-20200610.json").json() // ], // ['2020-06-09', await FileAttachment("COVIDZip-20200609.json").json()], // [ // '2020-06-08', // await FileAttachment("IllinoisZIPCodeCovidData-20200608.json").json() // ], // [ // '2020-06-07', // await FileAttachment("IllinoisZIPCodeCovidData-20200607.json").json() // ], // ['2020-06-06', await FileAttachment("COVIDZip-20200606.json").json()], // ['2020-06-05', await FileAttachment("COVIDZip-20200605.json").json()], // ['2020-06-04', await FileAttachment("COVIDZip-20200604.json").json()], // [ // '2020-06-03', // await FileAttachment("IllinoisZIPCodeCovidData-20200603.json").json() // ], // ['2020-06-02', await FileAttachment("COVIDZip-20200602.json").json()], // [ // '2020-06-01', // await FileAttachment("IllinoisZIPCodeCovidData-20200601.json").json() // ], // ['2020-05-31', await FileAttachment("COVIDZip-20200531.json").json()], // ['2020-05-30', await FileAttachment("COVIDZip-20200530.json").json()], // ['2020-05-29', await FileAttachment("COVIDzip-20200529.json").json()], // [ // '2020-05-28', // await FileAttachment("IllinoisZIPCodeCovidData-20200528.json").json() // ], // [ // '2020-05-27', // await FileAttachment("IllinoisZIPCodeCovidData-20200527.json").json() // ], // [ // '2020-05-26', // await FileAttachment("IllinoisZIPCodeCovidData-20200526.json").json() // ], // [ // '2020-05-25', // await FileAttachment("IllinoisZIPCodeCovidData-20200525.json").json() // ], // ['2020-05-24', await FileAttachment("COVIDZip-20200524.json").json()], // ['2020-05-23', await FileAttachment("COVIDZip-20200523.json").json()], // ['2020-05-22', await FileAttachment("COVIDZip-20200522.json").json()], // [ // '2020-05-21', // await FileAttachment("IllinoisZIPCodeCovidData-20200521.json").json() // ], // [ // '2020-05-20', // await FileAttachment("IllinoisZIPCodeCovidData-20200520.json").json() // ], // ['2020-05-19', await FileAttachment("CovidZIP-20200519.json").json()], // ['2020-05-18', await FileAttachment("COVIDZip-20200518.json").json()], // ['2020-05-17', await FileAttachment("COVIDZip-20200517.json").json()], // ['2020-05-16', await FileAttachment("COVIDZip-20200516.json").json()], // ['2020-05-15', await FileAttachment("COVIDZip-20200515.json").json()], // ['2020-05-14', await FileAttachment("COVIDZip-20200514.json").json()], // ['2020-05-13', await FileAttachment("COVIDZip-20200513.json").json()], // ['2020-05-12', await FileAttachment("COVIDZip-20200512.json").json()], // ['2020-05-11', await FileAttachment("COVIDZip-20200511.json").json()], // ['2020-05-10', await FileAttachment("COVIDZip-20200510.json").json()], // ['2020-05-09', await FileAttachment("COVIDZip-20200509.json").json()], // ['2020-05-08', await FileAttachment("COVIDZip-20200508.json").json()], // ['2020-05-07', await FileAttachment("COVIDZip-20200507.json").json()], // ['2020-05-06', await FileAttachment("COVIDZip-20200506.json").json()], // ['2020-05-05', await FileAttachment("COVIDZip-20200505.json").json()], // ['2020-05-04', await FileAttachment("COVIDZip-20200504.json").json()], // ['2020-05-03', await FileAttachment("COVIDZip-20200503.json").json()], // ['2020-05-02', await FileAttachment("COVIDZip-20200502.json").json()], // [ // ('2020-04-14', // await processFlatHistoricalData( // await FileAttachment("IllinoisZIPCodeCovidDataFlat-20200414.csv").text() // )) // ], // ['2020-04-15', await FileAttachment("COVIDZip-20200415.json").json()], // ['2020-04-16', await FileAttachment("COVIDZip-20200416.json").json()], // ['2020-04-17', await FileAttachment("COVIDZip-20200417.json").json()], // ['2020-04-18', await FileAttachment("COVIDZip-20200418.json").json()], // ['2020-04-19', await FileAttachment("COVIDZip-20200419.json").json()], // ['2020-04-20', await FileAttachment("COVIDZip-20200420.json").json()], // ['2020-04-21', await FileAttachment("COVIDZip-20200421.json").json()], // ['2020-04-22', await FileAttachment("COVIDZip-20200422.json").json()], // ['2020-04-23', await FileAttachment("COVIDZip-20200423.json").json()], // [ // '2020-04-24', // await FileAttachment("IllinoisZIPCodeCovidData-20200424.json").json() // ], // [ // '2020-04-25', // await FileAttachment("IllinoisZIPCodeCovidData-20200425.json").json() // ], // ['2020-04-26', await FileAttachment("COVIDZip-20200426.json").json()], // // ['2020-04-27', await FileAttachment("COVIDZip-20200427.json").json()], // ['2020-04-28', await FileAttachment("COVIDZip-20200428.json").json()], // ['2020-04-29', await FileAttachment("COVIDZip-20200429.json").json()], // ['2020-04-30', await FileAttachment("COVIDZip-20200430.json").json()] // ])3e:T1e85,translations = ({ en: { selectorPrefix: "As of {date}, ZIP code", selectorSuffix: "had", selectors: { label: "{zip} in {county} County", cases: "cases" }, legend: { title: "Total cases" }, maphelp: { line1: "Want to see another ZIP code?", line2: "touch_app Click on the map to explore" }, countbox: { total: "{cases} total confirmed cases", per1k: "{per1k} cases per 1,000 people", change: "Up {pct} (+{change} cases) from {date}.", tests: "{tests} tests completed", lessthan6: "Less than 6" }, infobox: { prisons: "error Infections among incarcerated populations are not fully represented in this data, including Cook County Jail (60608) and Stateville Correctional Center (60403), and possibly other ZIP codes.", threshold: "cancel ZIP codes with fewer than six cases are not shown. The Illinois Department of Health says exposure should be an assumed threat everywhere in the state.", cumulative: "add_circle Case counts are cumulative, which means they include people who have died and those who have recovered." }, resourcebox: { icon: "contact_support", link: "Need help dealing with the crisis? Find resources in {zip} from City Bureau's Chicago COVID Resource Finder." }, tables: { title: "COVID-19 in {zip} by race and age", racelabel: "Race", agelabel: "Age", caselabel: "Cases", testedlabel: "Tests", populationlabel: "Population", races: { Black: "Black", White: "White", Asian: "Asian", Hispanic: "Hispanic", Other: "Other", "Left Blank": "Left blank", "NH/PI*": "Native Hawaiian/Pacific Islander", "AI/AN**": "American Indian/Alaska Native" } }, charts: { title: "How {zip} compares to other ZIP codes in Illinois", max: "Max: {value} ({zip})", percapita: "Cases per 1,000", total: "Total cases", axis: "ZIP codes with comparable population estimates" }, countygraf: "{zip} is in {place} and has an estimated population of {pop} (±{moe}) according to the most recently available data from the US Census/American Community Survey. {place_start} has {place_cases} confirmed cases and {place_deaths} deaths to date. There have been {state_cases} confirmed cases and {state_deaths} deaths statewide in Illinois to date.", download: { buttontext: "Download the data", description: "Get the latest available numbers on confirmed coronavirus cases and counts by demographic in Illinois." }, downloadHistorical: { buttontext: "Download historical data", description: "Description" }, correction1: "Correction (2020-04-15): A previous version of this tool mis-identified suburban Cook County as all of Cook County.", covidsource: "COVID-19 data source: Illinois Department of Public Health. Some data has yet to be provided by commercial laboratories (including counties). IDPH is working with commercial labs to obtain the necessary data. All numbers displayed are provisional and subject to change. ZIP code is ZIP code of residence, which may not be location of exposure.", censussource: "Geographic and population data source: US Census/American Community Survey. Per-capita figures are not calculated for ZIP codes with population margin of error greater than ± 10%. This map and figures display US Census ZIP Code Tabulation Areas (ZCTAs). The boundaries of ZCTAs may vary slightly from from postal ZIP codes." }, es: { selectorPrefix: "A partir del {date}, código postal", selectorSuffix: "tenía", selectors: { label: "{zip} en el condado de {county}", cases: "casos" }, legend: { title: "Casos en total" }, maphelp: { line1: "¿Quieres ver otro código postal?", line2: "touch_app Haga clic en el mapa para explorar." }, countbox: { total: "{cases} total de casos confirmados", per1k: "{per1k} casos por 1,000 personas", change: "Un aumento de {pct} (+{change} casos) a partir del {date}.", tests: "{tests} pruebas completadas", lessthan6: "Menos de 6" }, infobox: { prisons: "error Las infecciones entre las poblaciones encarceladas no están totalmente representadas en estos datos, incluida la Cárcel del Condado de Cook (60608) y el Centro Correccional de Stateville (60403), y posiblemente otros códigos postales.", threshold: "cancel No se muestran los códigos postales con menos de seis casos. El Departamento de Salud de Illinois dice que la exposición debería ser una amenaza asumida en todo el estado.", cumulative: "add_circle Los recuentos de casos son acumulativos, lo que significa que incluyen personas que han muerto y aquellas que se han recuperado." }, resourcebox: { icon: "contact_support", link: "¿Necesita ayuda? Encuentre recursos en {zip} del Chicago COVID Resource Finder de City Bureau." }, tables: { title: "COVID-19 en {zip} por raza y edad", racelabel: "Raza", agelabel: "Edad", caselabel: "Casos", testedlabel: "Probado", populationlabel: "Población", races: { Black: "Afroamericano", White: "Blanco", Asian: "Asiático", Hispanic: "Hispano", Other: "Otro", "Left Blank": "Dejado en blanco", "NH/PI*": "Nativo hawaiano/isleño del Pacífico", "AI/AN**": "Indoamericano/nativo de Alaska" } }, charts: { title: "Cómo {zip} se compara con otros códigos postales en Illinois", max: "Max: {value} ({zip})", percapita: "Casos por 1,000", total: "Casos en total", axis: "Códigos postales con estimaciones de población comparables" }, countygraf: "{zip} está en {place} y tiene una población estimada de {pop} (± {moe}) de acuerdo con los datos más recientes disponibles de la Encuesta del Censo de los Estados Unidos. {place_start} tiene {place_cases} casos confirmados y {place_deaths} muertes hasta la fecha. Han habido {state_cases} casos confirmados y {state_deaths} muertes en todo el estado en Illinois hasta la fecha.", download: { buttontext: "Descargar los datos", description: "Obtenga los últimos números disponibles sobre casos confirmados de coronavirus y recuentos demográficos en Illinois." }, downloadHistorical: { buttontext: "(ES) Download historical data", description: "(ES)" }, correction1: "Corrección (15-04-2020): una versión anterior de esta herramienta identificó erróneamente el Condado de Cook suburbano como todo el Condado de Cook.", covidsource: "Fuente de datos COVID-19: Departamento de Salud Pública de Illinois. Algunos datos aún no han sido proporcionados por laboratorios comerciales (incluidos los condados). IDPH está trabajando con laboratorios comerciales para obtener los datos necesarios. Todos los números que se muestran son provisionales y están sujetos a cambios. El código postal es el código postal de residencia, que puede no ser el lugar de exposición.", censussource: "Fuente de datos geográficos y de población: Censo de EE.UU. Las cifras per cápita no se calculan para los códigos postales con un margen de error de la población superior a ± 10%. Este mapa y las figuras muestran las áreas de tabulación del código postal del censo de EE. UU. Los límites de los ZCTA pueden variar ligeramente de los códigos postales." } })3f:[{"id":"daeba15ae3762e45a619ef07a4fd056ac9fb05fa4f7165578542c5d77b18a8add190d7a1949d72edbf315babc4668fe6a32ee1715718e866d842fddddc4daa4f","href":"https://static.observableusercontent.com/files/daeba15ae3762e45a619ef07a4fd056ac9fb05fa4f7165578542c5d77b18a8add190d7a1949d72edbf315babc4668fe6a32ee1715718e866d842fddddc4daa4f","name":"IllinoisZCTAGeo (2)@1.json","type":"application/json","lastModified":1596571462394.894,"size":3749533},{"id":"11820314f579fccc95a230c119edd74480274bc836da92dc611d32b3be5e6dfedf2ff32daadf58143e4c62b240d4a2d7ba85f5edccccc6c9cdb56f47c1a93619","href":"https://static.observableusercontent.com/files/11820314f579fccc95a230c119edd74480274bc836da92dc611d32b3be5e6dfedf2ff32daadf58143e4c62b240d4a2d7ba85f5edccccc6c9cdb56f47c1a93619","name":"IllinoisZIPCodeCovidData-20200803.json","type":"application/json","lastModified":1596571462394.894,"size":1017109},{"id":"5e2716f2414a2f2f30131466766cbb3bffc986db19b6590e048ca47fe565501211385e936b24b4b1d66e12991a37660655defab4ee0c07089926e183bd0f9d31","href":"https://static.observableusercontent.com/files/5e2716f2414a2f2f30131466766cbb3bffc986db19b6590e048ca47fe565501211385e936b24b4b1d66e12991a37660655defab4ee0c07089926e183bd0f9d31","name":"IllinoisZIPCodeCovidData-20200802.json","type":"application/json","lastModified":1596571462394.894,"size":1001232}] 2f:{"title":"COVID-19 In Illinois - ZIP code lookup","cells":[{"id":0,"value":"md`# COVID-19 In Illinois - ZIP code lookup\n\nThis project is not yet documented.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":790,"value":"md`## Debugging\n\nYou might want to clear out the browser's \"memory\" of your last ZIP.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":774,"value":"{\n const button = html`\n \n

${messageFormatter(\n \"downloadHistorical.description\",\n lang\n ).format()}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"countColor = d3.scaleThreshold(\n [...breaks.slice(1, breaks.length), maxMeasure],\n scheme\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1038,"value":"md`# Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"maxMeasure = d3.max(\n IllinoisZCTAGeoCovidCases,\n d => d.properties[mapChoroplethVariable]\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1037,"value":"previousDate = {\n const keys = Array.from(IllinoisZIPCodeCovidHistoricalData.keys());\n return keys[keys.length - 2];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"IllinoisZCTAGeoCovidCasesGeoJSON = ({\n type: \"FeatureCollection\",\n features: IllinoisZCTAGeoCovidCases\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"IllinoisZCTAGeo = FileAttachment(\"IllinoisZCTAGeo (2)@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1357,"value":"flattenZIPData = zipData => {\n return zipData.zip_values.map(v => {\n let ageRow = {};\n v.demographics.age.forEach(d => {\n ageRow['Age: ' + d.age_group] = d.count;\n });\n\n let genderRow = {};\n v.demographics.gender.forEach(d => {\n ageRow['Gender: ' + d.description] = d.count;\n });\n\n let raceRow = {};\n v.demographics.race.forEach(d => {\n ageRow['Race: ' + d.description] = d.count;\n });\n\n return {\n date: `${zipData.LastUpdateDate.year}-${zipData.LastUpdateDate.month}-${zipData.LastUpdateDate.day}`,\n zip: v.zip,\n confirmed_cases: v.confirmed_cases,\n total_tested: v.total_tested,\n ...ageRow,\n ...genderRow,\n ...raceRow\n };\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":911,"value":"IllinoisZIPCodeCovidDataFlat = flattenZIPData(IllinoisZIPCodeCovidData)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"// DOWNLOAD THIS ONE\nIllinoisZIPCodeCovidData = await fetch(\n cdnRoot + \"sitefiles/COVIDZip.json?nocache=2\"\n).then(response => response.json())","pinned":true,"hidden":false,"mode":"ojs"},{"id":540,"value":"LastUpdated = new Date(\n IllinoisZIPCodeCovidData.LastUpdateDate.year,\n IllinoisZIPCodeCovidData.LastUpdateDate.month - 1,\n IllinoisZIPCodeCovidData.LastUpdateDate.day\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1084,"value":"CityBureauZIPList = fetch(\n \"https://city-bureau-covid-prod.s3.us-east-2.amazonaws.com/zip-list.json\"\n).then(resp => resp.json())","pinned":true,"hidden":false,"mode":"ojs"},{"id":1029,"value":"md`# History\n\nLike previous notebook, this should be split out eventually.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1028,"value":"IllinoisZIPCodeCovidHistoricalData = new Map([\n [\n '2020-08-02',\n await FileAttachment(\"IllinoisZIPCodeCovidData-20200802.json\").json()\n ],\n [\n '2020-08-03',\n await FileAttachment(\"IllinoisZIPCodeCovidData-20200803.json\").json()\n ]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1027,"value":"async function processFlatHistoricalData(csvdata) {\n return {\n LastUpdated: { day: 14, month: 4, year: 2020 },\n zip_values: d3.csvParse(csvdata, c => ({\n zip: c.zip,\n confirmed_cases: parseInt(c.confirmed_cases)\n }))\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1154,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs"},{"id":1349,"value":"NestedHistoricalArray = Array.from(IllinoisZIPCodeCovidFullHistoricalData)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1354,"value":"IllinoisCovidZIPHistoricalObject = Object.fromEntries(NestedHistoricalArray)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1366,"value":"IllinoisCovidZIPFlatHistoricalArray = NestedHistoricalArray.reduce((acc, d) => {\n try {\n acc = acc.concat(flattenZIPData(d[1]));\n } catch {}\n return acc;\n}, [])","pinned":true,"hidden":false,"mode":"ojs"},{"id":904,"value":"md`# Constants and helpers`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1256,"value":"ZIPOverride = searchParams.get(\"zipcode\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1248,"value":"searchParams = new URLSearchParams(location.search)","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"IllinoisBoundingBox = [\n [-94.30530163755736, 36.74643211733368],\n [-83.39230352848888, 42.63997206897545]\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"// layerBefore = \"ne-10m-admin-1-states-provinc-0nwiti\"\nlayerBefore = \"building-outline\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"cdnRoot = \"https://d38afsumxukqre.cloudfront.net/\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":294,"value":"// scheme = [\"#fee6ce\", \"#fdd0a2\", \"#fdae6b\", \"#fd8d3c\", \"#f16913\"]\nscheme = [\"#fdd0a2\", \"#fdae6b\", \"#fd8d3c\", \"#f16913\", \"#d94801\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":654,"value":"d3.schemeOranges[9]","pinned":false,"hidden":false,"mode":"ojs"},{"id":517,"value":"STORAGE_KEY = \"TCRCovidMapSelectedZIP\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"async function geoip() {\n // return fetch(\"https://ipgeolocation.com?json=1\")\n return fetch(\n \"https://api.ipdata.co/?api-key=508d45d8157a822a40bc35e06f2c07dc93d393914ad5119867110299\"\n )\n .then(response => {\n if (response.ok) {\n return response.json();\n }\n })\n .catch(response => null);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1112,"value":"md`# Translations`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1111,"value":"$3e","pinned":true,"hidden":false,"mode":"ojs"},{"id":899,"value":"md`# Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1250,"value":"// Because MS browsers just don't support this\nURLSearchParams = require('https://bundle.run/@ungap/url-search-params@0.2.0')","pinned":false,"hidden":false,"mode":"ojs"},{"id":1110,"value":"import { messageFormatter } with {\n translations\n} from \"@chicagoreporter/formatjs-helpers\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":902,"value":"import { serialize } from \"@chicagoreporter/coronavirus-illinois-historical-counts\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"import { demographicKeyLabelMap } from \"@chicagoreporter/coronavirus-illinois-statewide-demographics\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@1.8.1\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1IjoiY2hpY2Fnb3JlcG9ydGVyIiwiYSI6ImNrN3kwZ2ZjNTAwNWczZW55N3dseGk3dTkifQ.8xPIVZq_YU73F3EWkkoQsA\";\n const href = await require.resolve(\"mapbox-gl@1.8.1/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"import {\n jenks,\n IllinoisAllCovidGeoDataPolygons,\n triggerEmbedAnalytics,\n triggerEmbedAnalyticsEvent\n} from \"@chicagoreporter/coronavirus-illinois-county-counts\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1174,"value":"import { legend } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1107,"value":"import { select } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"d3 = require(\"d3\", \"d3-array\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W3f","stdlib":"1","titling":"auto"}

${messageFormatter("tables.title", lang).format({ zip: activeZip.properties.ZCTA5CE10 })}

${messageFormatter("charts.title", lang).format({ zip: activeZip.properties.ZCTA5CE10 })}

${messageFormatter("charts.percapita", lang).format()}

${messageFormatter("charts.total", lang).format()}

${messageFormatter(\"legend.title\", lang).format()}