31:T164a,chartCumlative = { const svg = d3.select(DOM.svg(width, heightPositiveTestsGraph)) .attr("id", "svg_combined") const labelOffset = 5 const chartTitleMain = svg.append("text") .attr("class", "chart-title") .attr("x", margin.left) .attr("y", widthUnder400 ? 8 : 30) .text(`Cumulative ${widthUnder400 ? "" : "COVID-19 "}Positive Test Results in`) .property("style", titleStyleString) document.body.appendChild(svg.node()) const titleWidth = chartTitleMain.node().getBBox().width svg.remove() svg.append("text") .attr("class", "chart-title chart-title-location") .attr("x", margin.left + titleWidth + 4) .attr("y", widthUnder400 ? 8 : 30) .text(() => { if (selectedCounty === "All Louisiana") return "Louisiana" else return `${selectedCounty} Parish` }) .property("style", titleLocationStyleString) svg.append("g") .call(xAxis) .attr("transform", `translate(0,${heightPositiveTestsGraph - margin.bottom})`) svg.append("g") .call(yAxis) const stateArea = svg.append("path") .datum(dataCombinedCounties) .attr("d", area) .attr("class", "area-state") .style("fill", baseColor) .style("stroke", "none") .style("opacity", 0.1) .style("display", showRelativeToState ? "block" : "none") const selectArea = svg.append("path") .datum(data) .attr("d", area) .attr("class", "area-county") .style("fill", baseColor) .style("stroke", "none") .style("opacity", 0.3) const selectLine = svg.append("path") .datum(data) .attr("d", line) .attr("class", "time-line") .style("stroke", baseColor) .style("stroke-width", 5) .style("fill", "none") .style("stroke-linecap", "round") .style("stroke-linejoin", "round") const deathsArea = svg.append("path") .datum(data.filter(d => parseDate(d.date) > parseDate("2020-04-6"))) .attr("d", areaDeaths) .attr("class", "area-deaths") .style("fill", "red") .style("fill-opacity", 0.5) .style("stroke", "none") const positivePoints = svg.selectAll(".data-point-positive") .data(data) .join("circle") .attr("class", "data-point-positive") .attr("cx", d => xScale(parseDate(d.date))) .attr("cy", d => yScale(d.cumulative_test_positive)) .attr("r", 2) .style("fill", data.length > 1 ? "white" : baseColor) if (!widthUnder400) { const mapPos = { x1: margin.left, y1: margin.top * 0.35, x2: width * 0.3, y2: width * 0.42 } const mapExtent = [ [mapPos.x1, mapPos.y1], [mapPos.x2, mapPos.y2] ] renderMap({ node: svg, extent: mapExtent, mapType: "choropleth", showCountyLabels: false, legendXPos: mapPos.x2 - (mapPos.x2 / 3.5), legendYPos: mapPos.y1 + (width * 0.05) }) } svg.selectAll(".all-wi-label") .data(dataCombinedCounties.filter(d => (selectedCounty !== "All Louisiana") && (d.date === formatDate(maxDate)))) .join("text") .attr("class", "label all-wi-label") .attr("x", d => xScale(parseDate(d.date)) + 7) .attr("y", d => yScale(d.cumulative_test_positive) + 10) .text("All Louisiana") svg.selectAll(".label-value-new") .data(data.filter((d, i) => parseDate(d.date) > parseDate("2020-03-22"))) .join("text") .attr("class", "label-value-new") .attr("x", (d, i) => { if (i === 0) return xScale(d3.max(data.map(d => parseDate(d.date)))) + labelOffset else return xScale(parseDate(d.date)) - 1 }) .attr("y", d => yScale(d.cumulative_test_positive) - 3) .text(d => d3.format(",")(d.cumulative_test_positive)) .property("style", (d, i) => { const isLast = i === 0 ? true : false let size = "10px" let show = true if (isLast && widthUnder400) size = "10px" else if (isLast && !widthUnder400) size = "17px" else if (!isLast && !widthUnder400) size = "13px" if (!isLast && widthUnder400) show = false if (!isLast && i % 4 !== 0) show = false return ` display: ${show ? "block" : "none"}; text-anchor: ${isLast ? "start" : "end"}; font-size: ${size}; fill: ${baseColor}; font-weight: 800; ` }) svg.append("text") .attr("class", "label-value-deaths") .attr("x", xScale(d3.max(data.map(d => parseDate(d.date)))) + labelOffset) .attr("y", yScale(data[0].cumulative_deaths)) .text(() => { const deathsValue = data[0].cumulative_deaths if (data[0].cumulative_test_positive > data[0].cumulative_deaths + 30) return `${d3.format(",")(deathsValue)} ${(widthUnder400 || selectedCounty !== "All Louisiana") ? "" : "total"} death${deathsValue === 1 ? "" : "s"}` else return "" }) svg.append("text") .attr("class", "label label-1st-row") .attr("x", xScale(parseDate(data[0].date)) + labelOffset) .attr("y", yScale(data[0].cumulative_test_positive) + 11) .text(() => { if (!widthUnder400 && yScale(data[0].cumulative_test_positive) < heightPositiveTestsGraph - margin.bottom - 34) return "total positive tests" else return "positive tests" }) svg.append("text") .attr("class", "label label-2nd-row") .attr("x", xScale(parseDate(data[0].date)) + labelOffset) .attr("y", yScale(data[0].cumulative_test_positive) + 23) .text(() => { if (selectedCounty !== "All Louisiana" && !widthUnder400 && yScale(data[0].cumulative_test_positive) < heightPositiveTestsGraph - margin.bottom - 34) return `in ${selectedCounty} Parish` else return "" }) applyChartStyles(svg) return svg.node() }32:Td16,chartDaily = { const svg = d3.select(DOM.svg(width, heightDailyPositiveGraph)) .attr("class", "bar-graph") const chartTitleMain = svg.append("text") .attr("class", "chart-title") .attr("x", margin.left) .attr("y", widthUnder400 ? 8 : 30) .text(`Daily ${widthUnder400 ? "" : "COVID-19 "}Positive Test Results in`) .property("style", titleStyleString) document.body.appendChild(svg.node()) const titleWidth = chartTitleMain.node().getBBox().width svg.remove() svg.append("text") .attr("class", "chart-title chart-title-location") .attr("x", margin.left + titleWidth + 4) .attr("y", widthUnder400 ? 8 : 30) .text(() => { if (selectedCounty === "All Louisiana") return "Louisiana" else return `${selectedCounty} Parish` }) .property("style", titleLocationStyleString) const chartGroup = svg.append("g") chartGroup.append("g") .call(xAxisBar) .attr("transform", `translate(0,${heightDailyPositiveGraph - margin.bottom})`) chartGroup.append("g") .call(yAxisBar) chartGroup.selectAll(".daily-bar-all") .data(dataCombinedCounties.filter(d => parseDate(d.date) > d3.timeDay.offset(minDate, + 1))) .join("rect") .attr("class", "bar daily-bar-all") .attr("x", d => xScaleBar(parseDate(d.date)) + 1) .attr("y", d => yScaleBar(d.daily_test_positive)) .attr("width", xScaleBar.bandwidth() - 2) .attr("height", d => yScaleBar(0) - yScaleBar(d.daily_test_positive)) .style("opacity", 0.15) chartGroup.selectAll(".daily-bar") .data(data.filter(d => parseDate(d.date) > d3.timeDay.offset(minDate, + 1))) .join("rect") .attr("class", "bar daily-bar") .attr("x", d => xScaleBar(parseDate(d.date)) + 1) .attr("y", d => yScaleBar(d.daily_test_positive)) .attr("width", xScaleBar.bandwidth() - 2) .attr("height", d => { if (d.daily_test_positive >= 0) return yScaleBar(0) - yScaleBar(d.daily_test_positive) else return 0 }) // chartGroup.selectAll(".daily-bar-deaths") // .data(data.filter(d => parseDate(d.date) > d3.timeDay.offset(minDate, + 1))) // .join("rect") // .attr("class", "bar daily-bar-deaths") // .attr("x", d => xScaleBar(parseDate(d.date)) + 1) // .attr("y", d => yScaleBar(d.daily_deaths)) // .attr("width", xScaleBar.bandwidth() - 2) // .attr("height", d => yScaleBar(0) - yScaleBar(d.daily_deaths)) chartGroup.selectAll(".all-wi-label") .data(dataCombinedCounties.filter(d => (selectedCounty !== "All Louisiana") && (d.date === formatDate(maxDate)))) .join("text") .attr("class", "label all-wi-label") .attr("x", d => xScaleBar(parseDate(d.date)) + xScaleBar.bandwidth() - 170) .attr("y", d => yScaleBar(d3.max(dataCombinedCounties, d => d.daily_test_positive)) - 7) .text(widthUnder400 ? "" : "Compared to all of Louisiana") chartGroup.selectAll(".bar-label") .data(data.filter(d => (d.daily_test_positive !== 0) && (parseDate(d.date) > d3.timeDay.offset(minDate, + 1)))) .join("text") .attr("class", "bar-label") .attr("x", d => xScaleBar(parseDate(d.date)) + (xScaleBar.bandwidth() / 2)) .attr("y", d => yScaleBar(d.daily_test_positive) - 4) .text(d => widthUnder400 ? "" : d3.format(",")(d.daily_test_positive)) applyChartStyles(svg) return svg.node() }33:T732,chartDailyTests = { const svg = d3.select(DOM.svg(width, heightDailyTestsGraph)) .attr("class", "bar-graph") const chartTitleMain = svg.append("text") .attr("class", "chart-title") .attr("x", margin.left) .attr("y", widthUnder400 ? 8 : 30) .text(`Daily ${widthUnder400 ? "" : "COVID-19 "} Tests in`) .property("style", titleStyleString) document.body.appendChild(svg.node()) const titleWidth = chartTitleMain.node().getBBox().width svg.remove() svg.append("text") .attr("class", "chart-title chart-title-location") .attr("x", margin.left + titleWidth + 4) .attr("y", widthUnder400 ? 8 : 30) .text("Louisiana") .property("style", titleLocationStyleString) const chartGroup = svg.append("g") chartGroup.append("g") .call(xAxisBar) .attr("transform", `translate(0,${heightDailyTestsGraph - margin.bottom})`) chartGroup.append("g") .call(yAxisBarTests) chartGroup.selectAll(".daily-bar") .data(data.filter(d => parseDate(d.date) > parseDate("2020-04-07"))) .join("rect") .attr("class", "bar daily-bar") .attr("x", d => xScaleBar(parseDate(d.date)) + 1) .attr("y", d => { return yScaleBarTests(d.daily_test_total) }) .attr("width", xScaleBar.bandwidth() - 2) .attr("height", d => yScaleBarTests(0) - yScaleBarTests(d.daily_test_total)) chartGroup.selectAll(".bar-label") .data(data.filter((d, i) => parseDate(d.date) > parseDate("2020-04-07"))) .join("text") .attr("class", "bar-label") .attr("x", d => xScaleBar(parseDate(d.date)) + (xScaleBar.bandwidth() / 2)) .attr("y", d => yScaleBarTests(d.daily_test_total) - 4) .attr("dx", d => d.date === formatDate(maxDate) ? 7 : 0) .text(d => d3.format(",")(d.daily_test_total)) applyChartStyles(svg) return // svg.node() }34:T5b3,dataCombinedCounties = { const firstDate = d3.min(dataCounty, d => parseDate(d.date)) const lastDate = d3.max(dataCounty, d => parseDate(d.date)) let dates = d3.scaleTime() .domain([firstDate, lastDate]) .ticks(d3.timeDay.every(1)) .map(d => formatDate(d)) const dailyData = dates.map((date, i) => { const daysData = dataCounty.filter(day => day.date === date) const cumulativeTestPositive = d3.sum(daysData, c => c.cumulative_test_positive) const cumulativeDeaths = d3.sum(daysData, c => c.cumulative_deaths) const cumulativeTestTotal = d3.sum(daysData, c => c.cumulative_test_total) const previousDaysData = dataCounty.filter(day => day.date === dates[i - 1]) const dailyTestPositive = d3.sum(daysData, c => c.cumulative_test_positive) - d3.sum(previousDaysData, c => c.cumulative_test_positive) const dailyDeaths = d3.sum(daysData, c => c.cumulative_deaths) - d3.sum(previousDaysData, c => c.cumulative_deaths) const dailyTestTotal = d3.sum(daysData, c => c.cumulative_test_total) - d3.sum(previousDaysData, c => c.cumulative_test_total) return { date: date, cumulative_test_positive: cumulativeTestPositive, daily_test_positive: dailyTestPositive, cumulative_deaths: cumulativeDeaths, daily_deaths: dailyDeaths, cumulative_test_total: cumulativeTestTotal, daily_test_total: dailyTestTotal, } }) return dailyData.reverse() }35:T69c,dataCounty = { const countyPeaks = [] const countyData = [...counties] for (let i = 0; i < countyData.length; i++) { // foreach county // const max = d3.max(countyData[i][1].map(d => d.daily_test_positive)) const last7DaysData = countyData[i][1].map(d => { const last7DayRange = d3.timeDay.offset(parseDate(d.date), -7) const dayPlusOne = d3.timeDay.offset(parseDate(d.date), 1) const range = countyData[i][1].filter(f => (parseDate(f.date) > last7DayRange) && (parseDate(f.date) < dayPlusOne)) return d3.mean(range.map(r => r.daily_test_positive)) }) // console.log(countyData[i][0]); // console.log(last7DaysData); const maxLast7Days = d3.max(last7DaysData) const entry = {county: countyData[i][0], max: maxLast7Days} // console.log(entry); countyPeaks.push(entry) } const newData = dataCountyInitial.map(d => { const countyMax = countyPeaks.filter(c => c.county === d.county)[0].max const last7DayRange = d3.timeDay.offset(parseDate(d.date), -7) const dayPlusOne = d3.timeDay.offset(parseDate(d.date), 1) const last7DayData = dataCountyInitial.filter(c => { return (c.county === d.county) && (parseDate(c.date) > last7DayRange && parseDate(c.date) < dayPlusOne) }) // console.log(d.date) // console.log(last7DayData) const dailyPercentFromPeak = d3.mean(last7DayData.map(c => { return c.daily_test_positive })) // let dailyPercentFromPeak = avg / countyMax return {...d, daily_percent_from_peak: dailyPercentFromPeak / countyMax } }) return newData }36:T43b,dataCountyInitial = { const parsedDataWithDaily = dataByCountyParsed.map(d => { let dailyTestPositive = 0 let dailyDeaths = 0 let dailyTestTotal = 0 const previousDate = formatDate(d3.timeDay.offset(parseDate(d.date), -1)) const previousDayData = dataByCountyParsed.filter(c => (c.county === d.county) && c.date === previousDate) if (previousDayData.length === 0) { dailyTestPositive = d.cumulative_test_positive dailyDeaths = d.cumulative_deaths dailyTestTotal = d.cumulative_test_total } if (previousDayData.length > 0) { // if previous date exists for county dailyTestPositive = d.cumulative_test_positive - previousDayData[0].cumulative_test_positive dailyDeaths = d.cumulative_deaths - previousDayData[0].cumulative_deaths dailyTestTotal = d.cumulative_test_total - previousDayData[0].cumulative_test_total } return {...d, daily_test_positive: dailyTestPositive, daily_deaths: dailyDeaths, daily_test_total: dailyTestTotal } }) return parsedDataWithDaily }37:T1d67,function renderMap({ node = node, extent = extent, mapType = mapType, showCountyLabels = showCountyLabels, legendXPos = legendXPos, legendYPos = legendYPos, } = {}) { const latestDataByCounty = dataCounty.filter(row => row.date === formatDate(maxDate)) const mapArea = node.append("g") const mapGroup = mapArea.append("g") const paths = mapGroup.append("g") paths.selectAll("path") .data(geoJson.features) .join("path") .attr("fill", d => { let county = latestDataByCounty.filter(c => c.county === d.properties.NAME)[0] let ePop = populationDataParsed.filter(c => c.county === d.properties.NAME)[0] const val = county.cumulative_test_positive / ePop.population if (mapType === "choropleth") { if (val === 0) return "white" else return colorScale(val * 10000) } else return colorScale(0) }) .attr("d", geoPath(extent)) .style("stroke", d => { let strokeColor = "#ACC2D4" if (mapType === "choropleth" && d.properties.NAME === selectedCounty) strokeColor = strokeHighlightColor return strokeColor }) .on("click", function() { mutable selectedCounty = d3.select(this).data()[0].properties.NAME }) .style("stroke-width", d => { let strokeWidth = 0.5 if (mapType === "choropleth" && d.properties.NAME === selectedCounty) { strokeWidth = 4 } return strokeWidth }) .style("cursor", "pointer") .on("mouseover", handleMouseOver) .on("touchmove mousemove", handleMouseMove) .on("touchend mouseleave", handleMouseLeave) .append("title") const border = topojson.merge(louisianaParishTopo, louisianaParishTopo.objects.cb_2015_louisiana_parish_20m.geometries) mapGroup.append("path") .datum(border) .attr("d", geoPath(extent)) .property("style", ` fill: none; stroke: #476882; stroke-width: ${mapType === "spark" ? 1.5 : 1}; stroke-linejoin: round; `) if (mapType === "choropleth") { mapArea.append("g") .attr("transform", `translate(${legendXPos},${legendYPos})`) // 10 340 .call(legend) } else if (mapType === "bubble") { const bubbleScale = d3.scaleSqrt() .domain([0, d3.max(latestDataByCounty.map(d => d.cumulative_test_positive))]) .range([0, 15]) paths.selectAll("bubble") .data(geoJson.features) .join("circle") .attr("class", "bubble") .attr("transform", d => { const [cx, cy] = geoPath(extent).centroid(d) return `translate(${cx},${cy})` }) .attr("cx", 0) .attr("cy", 0) .attr("r", d => { const county = latestDataByCounty.filter(c => c.county === d.properties.NAME)[0] return bubbleScale(county.cumulative_test_positive) }) .attr("fill", baseColor) .style("stroke", baseColor) .style("fill-opacity", d => d.properties.NAME === selectedCounty ? 0.8 : 0.15) .style("pointer-events", "none") .append("title") .text(d => { const count = latestDataByCounty.filter(c => c.county === d.properties.NAME)[0].cumulative_test_positive return `${d.properties.NAME} County: ${d3.format(",")(count)} cases` }) } else if (mapType === "spark") { const groupedByCounty = d3.group(dataCounty, d => d.county) const sparkGroups = paths.selectAll(".spark-group") .data([...groupedByCounty].filter(c => { return c[0] !== "Out of State" && c[0] !== "Parish Under Investigation" })) .join("g") .attr("class", "spark-group") .attr("transform", d => { const countyData = geoJson.features.filter(c => c.properties.NAME === d[0]) const [cx, cy] = geoPath(extent).centroid(countyData[0]) const [[x1, y1],[x2, y2]] = geoPath(extent).bounds(countyData[0]) const h = y2 - y1 const midDate = parseDate(d[1][Math.round(d[1].length / 2)].date) const minCountyDate = d3.min(d[1].map(dt => parseDate(dt.date))) const midDist = xScaleSpark(midDate) - xScaleSpark(minCountyDate) const xMove = xScaleSpark(maxDate) - midDist const yMove = yScaleSpark.range()[0] return `translate(${cx - xMove},${cy - yMove})` }) const sparkAreaStyleString = ` stroke: none; fill: ${baseColor}; fill-opacity: 0.3; pointer-events: none; ` const sparkStyleString = ` stroke: ${baseColor}; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; ` const legendData = counties.get("Jefferson") const sparkAreas = sparkGroups.append("path") .datum(d => d[1]) .attr("class", "spark-area") .attr("d", sparkArea) .property("style", sparkAreaStyleString) .style("fill-opacity", d => (selectedCounty === d[0].county) ? 0.8 : 0.3) const sparkPaths = sparkGroups.append("path") .datum(d => d[1].filter(f => f[metricToMap] > 0)) .attr("class", d => "spark") .attr("d", sparkline) .property("style", sparkStyleString) const sparkLegend = mapArea.append("g") .attr("transform", () => { const y = -yScaleSpark.range()[0] + (width * 0.3) return `translate(${width * 0.7}, ${y})` }) .style("display", widthUnder400 ? "none" : "block") sparkLegend.append("path") .datum(legendData) .attr("class", "spark-area") .attr("d", sparkArea) .property("style", sparkAreaStyleString) sparkLegend.append("path") .datum(legendData) .attr("class", "spark") .attr("d", sparkline) .property("style", sparkStyleString) sparkLegend.append("text") .attr("class", "label-middle") .attr("x", () => { const date = parseDate(legendData[Math.round(legendData.length / 2)].date) return xScaleSpark(date) * 1.6 }) .attr("y", yScaleSpark.range()[0] * 1 + 14) .text("time since first case") sparkLegend.append("text") .attr("class", "label") .attr("x", xScaleSpark(maxDate) * 1 + 3) .attr("y", (yScaleSpark.range()[0] / 2) * 0.6 + 14) .text("postive") sparkLegend.append("text") .attr("class", "label") .attr("x", xScaleSpark(maxDate) * 1 + 3) .attr("y", (yScaleSpark.range()[0] / 2) * 0.6 + 27) .text("tests") } if (showCountyLabels) { const countyLabels = paths.selectAll(".county-label") .data(Array.from(counties)) .join("text") .attr("class", "map-county-label") .attr("x", 0) .attr("y", d => { const countyData = geoJson.features.filter(c => c.properties.NAME === d[0]) const [[x1, y1], [x2, y2]] = geoPath(extent).bounds(countyData[0]) let dyRatio = 0.2 const moveBy35 = [] const moveBy15 = [] const moveBy0 = [] if (moveBy35.indexOf(d[0]) > -1) dyRatio = 0.35 else if (moveBy15.indexOf(d[0]) > -1) dyRatio = 0.12 else if (moveBy0.indexOf(d[0]) > -1) dyRatio = 0.0 return (y2 - y1) * dyRatio }) .text(d => d[1][0].county) .attr("transform", d => { const countyData = geoJson.features.filter(c => c.properties.NAME === d[1][0].county) const [cx, cy] = geoPath(extent).centroid(countyData[0]) return `translate(${cx},${cy})` }) } applyChartStyles(mapArea) }38:T513,function handleMouseOver(d) { const countyNode = d3.select(this) const mapContainer = d3.select(this.parentNode.parentNode.parentNode.parentNode).attr("id") if (mapContainer === "svg_combined" && d.properties.NAME !== selectedCounty) { countyNode.style("stroke", strokeHighlightColor) .style("stroke-width", 3) } else if (d.properties.NAME !== selectedCounty) { countyNode.style("fill", colorScale(20)) } tooltip.style("opacity", 0.9) const latestDataByCounty = dataCounty.filter(row => row.date === formatDate(maxDate)) const count = latestDataByCounty.filter(c => c.county === d.properties.NAME)[0].cumulative_test_positive const pop = populationDataParsed.filter(c => c.county === d.properties.NAME)[0].population const str = `${d.properties.NAME} Parish:
${d3.format(",")(count)} case${count === 1 ? "" : "s"} (${d3.format(".3")(count / pop * 10000)} per 10,000 people)` // return `${d.properties.NAME}: ${d3.format(",")(count)} ${d3.format(",")(pop)}` // debug const renderedTooltip = tooltip.html(str) .style("left", () => { const w = parseFloat(tooltip.style("width").replace("px", "")) return `${d3.event.pageX - (w / 2)}px` }) .style("top", (d3.event.pageY - 84) + "px") }39:T64f,countyPopulationString = `county,geoid,population_estimate Acadia,unknown,62045 Allen,unknown,25627 Ascension,unknown,126604 Assumption,unknown,21891 Avoyelles,unknown,40144 Beauregard,unknown,37497 Bienville,unknown,13241 Bossier,unknown,127039 Caddo,unknown,240204 Calcasieu,unknown,203436 Caldwell,unknown,9918 Cameron,unknown,6973 Catahoula,unknown,9494 Claiborne,unknown,15670 Concordia,unknown,19259 De Soto,unknown,27463 East Baton Rouge,unknown,440059 East Carroll,unknown,6861 East Feliciana,unknown,19135 Evangeline,unknown,33395 Franklin,unknown,20015 Grant,unknown,22389 Iberia,unknown,69830 Iberville,unknown,32511 Jackson,unknown,15744 Jefferson,unknown,432493 Jefferson Davis,unknown,31368 Lafayette,unknown,244390 Lafourche,unknown,97614 La Salle,unknown,14892 Lincoln,unknown,46742 Livingston,unknown,140789 Madison,unknown,10951 Morehouse,unknown,24874 Natchitoches,unknown,38158 Orleans,unknown,390144 Ouachita,unknown,153279 Plaquemines,unknown,23197 Pointe Coupee,unknown,21730 Rapides,unknown,129648 Red River,unknown,8442 Richland,unknown,20122 Sabine,unknown,23884 St. Bernard,unknown,47244 St. Charles,unknown,53100 St. Helena,unknown,10132 St. James,unknown,21096 St. John the Baptist,unknown,42837 St. Landry,unknown,82124 St. Martin,unknown,53431 St. Mary,unknown,49348 St. Tammany,unknown,260419 Tangipahoa,unknown,134758 Tensas,unknown,4334 Terrebonne,unknown,110461 Union,unknown,22108 Vermilion,unknown,59511 Vernon,unknown,47429 Washington,unknown,46194 Webster,unknown,38340 West Baton Rouge,unknown,26465 West Carroll,unknown,10830 West Feliciana,unknown,15568 Winn,unknown,13904`3a:[{"id":"07b465ec3ca54a8f9115ed27ec3f429aca717d5b798bc72b81fab111ecb6ac1f272ce4c37f0bd0f881b201a0f197e615c7aa6c2cf351da21c90c30f2175f0798","href":"https://static.observableusercontent.com/files/07b465ec3ca54a8f9115ed27ec3f429aca717d5b798bc72b81fab111ecb6ac1f272ce4c37f0bd0f881b201a0f197e615c7aa6c2cf351da21c90c30f2175f0798","name":"louisiana-parishes.json","type":"application/json","lastModified":1586658569837.702,"size":24823},{"id":"d29c1eb8db4fb6f68891ad8d2b44951f0d876f7615eedb6f75412baa2e554095677259128a424666bafb370da20a9623935fb4274bd265e65975968ea4da537e","href":"https://static.observableusercontent.com/files/d29c1eb8db4fb6f68891ad8d2b44951f0d876f7615eedb6f75412baa2e554095677259128a424666bafb370da20a9623935fb4274bd265e65975968ea4da537e","name":"louisiana-covid19-data-2020-05-04.csv","type":"text/csv","lastModified":1588650763027.96,"size":101776},{"id":"a9a3a623bc42ea8896bc0aedf79d52354db8c69037eb964bef48151f273bb42cfe5723d716766e22e6d8f1eaea615e7f80c9b498f21f9d2d4c2f6d4ff60d332e","href":"https://static.observableusercontent.com/files/a9a3a623bc42ea8896bc0aedf79d52354db8c69037eb964bef48151f273bb42cfe5723d716766e22e6d8f1eaea615e7f80c9b498f21f9d2d4c2f6d4ff60d332e","name":"louisiana-covid19-data-2020-05-17.csv","type":"text/csv","lastModified":1589747405134.616,"size":132286}] 2f:{"title":"Louisiana Confirmed COVID-19 Cases","cells":[{"id":0,"value":"md`\n# Louisiana Confirmed COVID-19 Cases\nUpdated on ${d3.timeFormat(\"%B %e, %Y\")(maxDate)}
\nData from: [Louisiana Department of Health](http://www.ldh.la.gov/coronavirus)
\n(testing is likely behind actual cases)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4523,"value":"viewof showRelativeToState = {\n let isDisabled = \"\"\n let checked = true\n let label = \"Show county relative to all of Louisiana\"\n \n if (selectedCounty === \"All Louisiana\") {\n isDisabled = \"disabled\"\n checked = false\n label = `~~${label}~~`\n }\n \n const form = html`\n \n `\n \n form.oninput = () => {\n form.value = form.inputVal.checked\n }\n \n form.oninput()\n \n return form\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"viewof selectedCountyDropdown = {\n const arr = [...countyNames].sort()\n arr.unshift(\"All Louisiana\")\n \n const arrWithValues = arr.map(d => {\n const latestRow = dataCounty.filter(c => (c.date === formatDate(maxDate)) && (c.county === d))\n \n let caseCount = latestRow.length > 0 ? latestRow[0].cumulative_test_positive : 0\n \n if (d === \"All Louisiana\") caseCount = dataCombinedCounties.filter(r => r.date === formatDate(maxDate))[0].cumulative_test_positive\n \n return { label: `${d} - (${d3.format(\",\")(caseCount)} positive test${caseCount !== 1 ? \"s\" : \"\"})`, value: d }\n }) \n \n const select = makeSelect(\"\", arrWithValues, \"Select a parish\", arr.indexOf(selectedCounty)).getElementsByTagName(\"select\")[0]\n \n select.value = mutable selectedCounty\n select.oninput = () => mutable selectedCounty = select.value\n \n return select.form\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":739,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":4719,"value":"viewof metricToMap = makeSelect(\"\", [{label: \"Cumulative positive tests\", value: \"cumulative_test_positive\"}, {label: \"Daily percent from peak\", value: \"daily_percent_from_peak\"}], \"Select a metric to map\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":4396,"value":"mapSpark = {\n const mapSVG = d3.select(DOM.svg(width, width * 0.75))\n .attr(\"id\", \"svg_sparkline_map\")\n \n const x1 = margin.left\n const y1 = margin.top\n const x2 = width - margin.right\n const y2 = (width * 0.75) - margin.bottom\n \n const extent = [ [x1, y1], [x2, y2] ]\n \n const chartTitleMain = mapSVG.append(\"text\")\n .attr(\"class\", \"chart-title\")\n .attr(\"x\", margin.left)\n .attr(\"y\", widthUnder400 ? 10 : 30)\n .text(\"Cumulative COVID-19 Positive Test Results County Timelines\")\n .property(\"style\", titleStyleString)\n \n renderMap({\n node: mapSVG,\n extent: extent,\n mapType: \"spark\",\n showCountyLabels: false,\n legendXPos: width / 2 - 130,\n legendYPos: width / 2 - 30\n })\n \n return mapSVG.node()\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4276,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"data = {\n let dataset = []\n \n if (selectedCounty === \"All Louisiana\") {\n dataset = dataCombinedCounties\n }\n else {\n dataset = counties.get(selectedCounty)\n }\n \n return dataset\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":4535,"value":"dataByCountyParsed = d3.csvParse(await FileAttachment(\"louisiana-covid19-data-2020-05-17.csv\").text(),\n d => {\n return {...d,\n cumulative_test_positive: +d.cumulative_test_positive,\n cumulative_deaths: +d.cumulative_deaths,\n cumulative_test_total: +d.cumulative_test_commercial + +d.cumulative_test_state,\n cumulative_test_commercial: +d.cumulative_test_commercial,\n cumulative_test_state: +d.cumulative_test_state\n }\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":4609,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":349,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"counties = d3.group(dataCountyInitial, d => d.county)","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"countyNames = [...counties.keys()]","pinned":false,"hidden":false,"mode":"ojs"},{"id":4335,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":4392,"value":"legend = g => {\n const x = d3.scaleLinear()\n .domain(d3.extent(colorScale.domain()))\n .rangeRound([0, 260])\n\n g.selectAll(\"rect\")\n .data(colorScale.range().map(d => colorScale.invertExtent(d)))\n .join(\"rect\")\n .attr(\"height\", 8)\n .attr(\"x\", d => x(d[0]))\n .attr(\"width\", d => x(d[1]) - x(d[0]))\n .attr(\"fill\", d => colorScale(d[0]))\n\n g.append(\"text\")\n .attr(\"x\", x.range()[0])\n .attr(\"y\", -6)\n .attr(\"fill\", \"currentColor\")\n .attr(\"class\", \"label\")\n .attr(\"text-anchor\", \"start\")\n .text(\"Positive tests in county per 10,000 people\")\n\n g.call(d3.axisBottom(x)\n .tickSize(13)\n .tickFormat(d => d)\n .tickValues(colorScale.range().slice(1).map(d => colorScale.invertExtent(d)[0]))\n .tickFormat(v => Math.round(v)))//d3.format(\".3\")(v)))\n .select(\".domain\")\n .remove()\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4379,"value":"tooltip = d3.select(\"body\").append(\"div\")\n .attr(\"class\", \"tooltip\")\n .property(\"style\", `\n opacity: 0;\n position: absolute;\n font-size: 0.7em;\n font-family: sans-serif;\n font-weight: 400;\n padding: 4px;\n background: white;\n border: solid 1px ${colorScale(8)};\n border-radius: 3px;\n pointer-events: none;\n `)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4382,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":4384,"value":"function handleMouseMove(d) {\n const renderedTooltip = tooltip\n .style(\"left\", () => {\n const w = parseFloat(tooltip.style(\"width\").replace(\"px\", \"\"))\n\n return `${d3.event.pageX - (w / 2)}px`\n })\n .style(\"top\", (d3.event.pageY - 84) + \"px\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4386,"value":"function handleMouseLeave(d) {\n const mapContainer = d3.select(this.parentNode.parentNode.parentNode.parentNode).attr(\"id\")\n \n if (mapContainer === \"svg_combined\" && d.properties.NAME !== selectedCounty) {\n d3.select(this).style(\"stroke\", \"#ACC2D4\")\n .style(\"stroke-width\", 0.5)\n }\n else if (d.properties.NAME !== selectedCounty) {\n d3.select(this).style(\"fill\", colorScale(0))\n }\n \n tooltip.style(\"opacity\", 0)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4332,"value":"function geoPath(extent) {\n const projection = d3.geoMercator()\n .fitExtent(extent, geoJson)\n \n return d3.geoPath()\n .projection(projection)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4324,"value":"geoJson = topojson.feature(louisianaParishTopo, louisianaParishTopo.objects.cb_2015_louisiana_parish_20m)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4321,"value":"louisianaParishTopo = {\n let topo = await FileAttachment(\"louisiana-parishes.json\").json()\n \n topo.objects.cb_2015_louisiana_parish_20m.geometries[53].properties.NAME = \"La Salle\"\n \n return topo\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4355,"value":"colorScale = {\n const latestDataByCounty = dataCounty.filter(row => row.date === formatDate(maxDate))\n \n const perCapitaData = latestDataByCounty.map(d => {\n if (d.county !== \"Out of State\" && d.county !== \"Parish Under Investigation\") {\n const pop = populationDataParsed.filter(c => c.county === d.county)[0].population\n return d.cumulative_test_positive / pop\n }\n })\n \n const max = Math.round(d3.max(perCapitaData) * 10000)\n\n // return d3.scaleSequential().domain([0, max]).interpolator(d3.interpolateBlues)\n return d3.scaleQuantize([0, max], d3.schemeBlues[9])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"xScale = d3.scaleTime()\n .domain([d3.timeDay.offset(minDate, + 0), d3.timeDay.offset(maxDateExtended, 1)]) // added day padding to match band scale for daily bar chart\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":4337,"value":"xScaleSpark = d3.scaleTime()\n .domain([d3.timeDay.offset(minDate, + 0), maxDate])\n .range([0, 60])","pinned":false,"hidden":false,"mode":"ojs"},{"id":4340,"value":"yScaleSpark = {\n const maxOfAllCounties = d3.max(dataCounty.map(d => d[metricToMap]))\n\n // const latestData = dataCounty.filter(row => row.date === formatDate(maxDate))\n \n// const perCapitas = populationDataParsed.map(d => {\n// const countyTestPositive = latestData.filter(e => e.county === d.county)[0].cumulative_test_positive\n\n// return countyTestPositive / d.population * 10000\n// })\n \n// const maxPerCapita = d3.max(perCapitas)\n \n let maxHeight = 170\n if (metricToMap === \"daily_percent_from_peak\") maxHeight = 90\n \n return d3.scaleLinear()\n .domain([0, maxOfAllCounties])\n .range([maxHeight, 0])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1438,"value":"yScale = {\n let max = d3.max(dataCombinedCounties.map(d => d.cumulative_test_positive))\n \n if (!showRelativeToState && selectedCounty !== \"All Louisiana\") {\n max = d3.max(dataCounty.filter(c => c.county === selectedCounty).map(d => d.cumulative_test_positive))\n }\n \n return d3.scaleLinear()\n .domain([0, max])\n .range([heightPositiveTestsGraph - margin.bottom, margin.top])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":748,"value":"xScaleBar = {\n const dates = d3.scaleTime()\n .domain([d3.timeDay.offset(minDate, + 1), maxDateExtended])\n .ticks(d3.timeDay.every(1))\n \n return d3.scaleBand()\n .domain(dates)\n .range([margin.left, width - margin.right])\n .paddingOuter(0.5) // added padding to make full day tick before and after beginning and end\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":813,"value":"yScaleBar = {\n const max = d3.max(dataCombinedCounties.map(d => d.daily_test_positive))\n \n return d3.scaleLinear()\n .domain([0, max])\n .range([heightDailyPositiveGraph - margin.bottom, margin.top])\n .clamp(true)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2681,"value":"yScaleBarTests = {\n const filteredData = dataCombinedCounties.filter(d => parseDate(d.date) > parseDate(\"2020-04-07\"))\n const max = d3.max(filteredData.map(d => {\n // if (parseDate(d.date) <= parseDate(\"2020-03-15\")) return 0\n return d.daily_test_total\n }))\n \n return d3.scaleLinear()\n .domain([0, max])\n .range([heightDailyTestsGraph - margin.bottom, margin.top])\n .clamp(true)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"xAxis = g => {\n const daysToLabelTicks = d3.timeDay\n .every(7)\n .range(minDate, maxDateExtended)\n .map(d => formatDate(d))\n \n const tickCounts = widthUnder400 ? d3.timeDay.every(7) : d3.timeDay.every(1)\n \n const axis = g.attr(\"class\", \"x axis\")\n .call(d3.axisBottom(xScale)\n .ticks(tickCounts)\n .tickFormat(v => {\n if (daysToLabelTicks.indexOf(formatDate(v)) > -1) {\n return formatDate(v) !== \"2020-02-29\" ? d3.timeFormat(\"%b %e\")(v) : \"\"\n }\n else return \"\"\n }))\n \n return axis\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1227,"value":"xAxisBar = g => {\n const daysToLabelTicks = d3.timeDay\n .every(7)\n .range(minDate, maxDateExtended)\n .map(d => formatDate(d))\n \n const axis = g.attr(\"class\", \"x axis\")\n .call(d3.axisBottom(xScaleBar)\n .tickValues(xScaleBar.domain().filter((d) => {\n if (widthUnder400) return daysToLabelTicks.indexOf(formatDate(d)) > -1\n else return d\n }))\n .tickFormat(v => {\n if (daysToLabelTicks.indexOf(formatDate(v)) > -1) {\n return formatDate(v) !== \"2020-02-29\" ? d3.timeFormat(\"%b %e\")(v) : \"\"\n }\n else return \"\"\n }))\n \n return axis\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"yAxis = g => g.attr(\"transform\", `translate(${margin.left},0)`)\n .attr(\"class\", \"y axis\")\n .call(d3.axisRight(yScale)\n .tickSize(width - margin.right - margin.left)\n .tickFormat(v => d3.format(\"~s\")(v)))\n .call(g => g.select(\"line\").remove())\n .call(g => g.selectAll(\"path\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":857,"value":"yAxisBar = g => g.attr(\"transform\", `translate(${margin.left},0)`)\n .attr(\"class\", \"y axis\")\n .call(d3.axisRight(yScaleBar)\n .tickSize(width - margin.right - margin.left)\n .tickFormat(v => d3.format(\"~s\")(v))\n .ticks(6))\n .call(g => g.select(\"line\").remove())\n .call(g => g.selectAll(\"path\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":2688,"value":"yAxisBarTests = g => g.attr(\"transform\", `translate(${margin.left},0)`)\n .attr(\"class\", \"y axis\")\n .call(d3.axisRight(yScaleBarTests)\n .tickSize(width - margin.right - margin.left)\n .tickFormat(v => d3.format(\"~s\")(v))\n .ticks(4))\n .call(g => g.select(\"line\").remove())\n .call(g => g.selectAll(\"path\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"area = d3.area()\n .x(d => xScale(parseDate(d.date)))\n .y0(yScale(0))\n .y1(d => yScale(d.cumulative_test_positive))","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"areaDeaths = d3.area()\n .x(d => xScale(parseDate(d.date)))\n .y0(yScale(0))\n .y1(d => yScale(d.cumulative_deaths))","pinned":false,"hidden":false,"mode":"ojs"},{"id":3093,"value":"lineHospital = d3.line()\n .x(d => xScale(parseDate(d.date)))\n .y(d => {\n if (d.cumulative_hospitalizations === \"unknown\") return yScale(0)\n else return yScale(d.cumulative_hospitalizations)\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":4113,"value":"lineICU = d3.line()\n .x(d => xScale(parseDate(d.date)))\n .y(d => {\n if (d.cumulative_intensive_care === \"unknown\") return yScale(0)\n else return yScale(d.cumulative_intensive_care)\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"line = d3.line()\n .x(d => xScale(parseDate(d.date)))\n .y(d => yScale(d.cumulative_test_positive))","pinned":false,"hidden":false,"mode":"ojs"},{"id":4343,"value":"sparkline = d3.line()\n .x(d => xScaleSpark(parseDate(d.date)))\n .y(d => {\n // const pop = populationDataParsed.filter(p => p.county === d.county)[0].population\n\n return yScaleSpark(d[metricToMap])\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":4345,"value":"sparkArea = d3.area()\n .x(d => xScaleSpark(parseDate(d.date)))\n .y0(yScaleSpark(0))\n .y1(d => {\n // const pop = populationDataParsed.filter(p => p.county === d.county)[0].population\n\n return yScaleSpark(d[metricToMap])\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":754,"value":"minDate = d3.min(dataCombinedCounties.map(d => parseDate(d.date)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":756,"value":"maxDate = d3.max(dataCombinedCounties.map(d => parseDate(d.date)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":762,"value":"maxDateExtended = d3.timeDay.offset(maxDate, 6)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2547,"value":"updateTime = \"-:-- pm\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"heightPositiveTestsGraph = width * 0.6","pinned":false,"hidden":false,"mode":"ojs"},{"id":845,"value":"heightDailyPositiveGraph = width * 0.3// (yScaleAbsolute(0) - yScaleAbsolute(d3.max(dataCombinedCounties.map(d => d.daily_test_positive)) * 1.4)) + margin.top + margin.bottom","pinned":false,"hidden":false,"mode":"ojs"},{"id":1471,"value":"heightTotalTestsGraph = width * 0.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":2805,"value":"heightDailyTestsGraph = width * 0.3","pinned":false,"hidden":false,"mode":"ojs"},{"id":2116,"value":"widthUnder400 = width < 640 ? true : false // 450","pinned":false,"hidden":false,"mode":"ojs"},{"id":4419,"value":"import {applyChartStyles} from \"@kemper/wisconsin-confirmed-covid-19-cases\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1754,"value":"titleStyleString = `\n font-family: \"Source Serif Pro\", \"Georgia\", sans-serif;\n ${widthUnder400 ? \"font-size: 12px\" : \"font-size: 24px\"};\n font-weight: 700;\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1749,"value":"titleLocationStyleString = `\n font-family: \"Source Serif Pro\", \"Georgia\", sans-serif;\n ${widthUnder400 ? \"font-size: 12px\" : \"font-size: 24px\"};\n font-weight: 700;\n fill: ${baseColor};\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":238,"value":"formatDate = d3.timeFormat(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"margin = ({\n \"top\": widthUnder400 ? 30 : 66, // 24 : 50,\n \"right\": widthUnder400 ? 23 : 32,\n \"bottom\": widthUnder400 ? 18 : 20,\n \"left\": widthUnder400 ? 0 : 10\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1176,"value":"baseColor = \"steelblue\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1238,"value":"deathsColor = \"#C41B1B\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4368,"value":"strokeHighlightColor = \"#D800C2\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4372,"value":"mutable selectedCounty = \"All Louisiana\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4353,"value":"populationDataParsed = {\n return d3.csvParse(countyPopulationString, ({county, geoid, population_estimate}) => {\n return {\n county: county,\n geoid: geoid,\n population: +population_estimate\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4349,"value":"$39","pinned":false,"hidden":false,"mode":"ojs"},{"id":4536,"value":"dataURL = \"https://gist.githubusercontent.com/distantshape/6dd4b430edfe9a33360f2e2cedfc4f6d/raw/14de47060e9fe975a33c67c533cb2ce77bf888db/louisiana-covid19-data.csv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":589,"value":"function makeCheckbox(name, checked, label) {\n let isDisabled = \"\"\n if (selectedCounty !== \"All Wisconsin\") isDisabled = \"disabled\"\n \n const form = html`\n \n `\n \n form.oninput = () => {\n form.value = form.inputVal.checked\n }\n \n form.oninput()\n \n return form\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"import {makeSelect} from \"@kemper/code-snippets\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4325,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3@5\", \"d3-array@^2.2\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W3a","stdlib":"1","titling":"auto"}