2c:null 2d:["$","title",null,{"children":"Covid-19 US States Explorer | David Maynard | Observable"}] 32:T591,viewof selectedState = { let value = null; const svg = d3.create("svg").attr("viewBox", [0, 0, 975, 610]); svg .append("g") .attr("fill", "#eee") .selectAll("path") .data(topojson.feature(us, us.objects.states).features) .enter() .append("path") .attr("opacity", function(d) { return d.properties.name ? getOpacityForState(d.properties.name) : "0.1"; }) .attr("fill", function(d) { return d.properties.name ? getColorForState(d.properties.name) : "#ccc"; // return colorScheme[Math.floor(d.id / 10)]; }) .attr("d", path) .on("click", d => { const node = svg.node(); node.value = value = value === d.id ? null : d.properties.name; node.dispatchEvent(new CustomEvent("input")); outline.attr("d", value ? path(d) : null); // outline.attr("fill", colorScheme[Math.floor(d.id / 10)]); }); svg .append("path") .datum(topojson.mesh(us, us.objects.states, (a, b) => a !== b)) .attr("fill", "none") .attr("stroke", "white") .attr("stroke-width", 1) .attr("stroke-linejoin", "round") .attr("pointer-events", "none") .attr("d", path); const outline = svg .append("path") .attr("fill", "none") .attr("stroke", "black") .attr("stroke-width", 3) .attr("stroke-linejoin", "round") .attr("pointer-events", "none"); return Object.assign(svg.node(), { value: null }); }33:Tcc7,md`### Data Sources * New York Times Covid-19 data by State and Date [Github Repository](https://github.com/nytimes/covid-19-data) * Note about negative counts from the NY Times repostitory: "Declining Counts In some cases, the number of cases or deaths for a state or county will decline. This can occur when a state or county corrects an error in the number of cases or deaths they've reported in the past, or when a state moves cases from one county to another. When we are able, we will historically revise counts for all impacted dates. In other cases, this will be reflected in a single-day drop in the number of cases or deaths."" * 2020 Election Results and Margins: [CNN Data](https://www.cnn.com/interactive/2020/11/politics/2020-vs-2016-election-map-charts/) * Percent Fully Vaccinated: Based on data as posted on May 31, 2021 [From NY Times](https://www.nytimes.com/interactive/2020/us/covid-19-vaccine-doses.html) . The states are ranked by highest to lowest percentage, and this rank is used to group the states into aggregate totals. Both May 31 and August 27 data for percent fully vaccinated are available. Percent fully vaccinated in February 2022 based on [Mayo Clinic vaccine tracker](https://www.mayoclinic.org/coronavirus-covid-19/vaccine-tracker) * Governor's party affiliation and gender comes from [Civil Service USA](https://github.com/CivilServiceUSA/us-governors/blob/master/us-governors/data/us-governors.json) [Note: I had to manually fix a couple of states because the site data was outdated] * Civil Service USA [Population by State](https://github.com/CivilServiceUSA/us-states/blob/master/data/states.json) * Census Bureau 4 [Regions](https://en.wikipedia.org/wiki/List_of_regions_of_the_United_States) [Note: I included Alaska and Hawaii in the West Region rather than in a separate Pacific Region] * Bureau of Economic Analysis 8 [Regions](https://en.wikipedia.org/wiki/List_of_regions_of_the_United_States) * Average IQ by State [World Population Review](https://worldpopulationreview.com/state-rankings/average-iq-by-state). Note: this data is based on a 2006 paper [Estimating state IQ: Measurement challenges and preliminary correlates](https://old.taltech.ee/public/m/mart-murdvee/EconPsy/2/McDaniel_2006_Estimating_state_IQ_-_Measurement_challenges_and_preliminary_correlates.pdf) so take with an appropriate grain of salt. * List of U.S. states and territories by educational attainment [Wikipedea](https://en.wikipedia.org/wiki/List_of_U.S._states_and_territories_by_educational_attainment) * States with mandates for mask-wearing in public [CNBC as of July 22,2020](https://www.cnn.com/2020/11/09/us/biden-mask-mandate-nationwide-trnd/index.html) * States with mandates for mask-wearing in public [CNN as of March 4,2021](https://www.cnbc.com/2020/07/20/more-than-half-of-us-states-have-statewide-mask-mandates.html) * Mean Age by State data [Wikipedia](https://en.wikipedia.org/wiki/List_of_U.S._states_and_territories_by_median_age) * Race Percentages by State data [Governing.com](https://www.governing.com/gov-data/census/state-minority-population-data-estimates.html) * Percent Evangelical Protestants by State [World Atlas](https://www.worldatlas.com/articles/us-states-by-evangelical-protestant-population.html)`34:T465,partitionDates = function() { // For performance we create an object whose properties are state names and whose values are // an array all the data records for that state. Thus we don't need to ssearch the // whole data set to find data for a given (state,date) let partition = []; let res = []; let dateday = stateData[0].date; let endDate = stateData[stateData.length - 1].date; let index = 0; while (dateday.getTime() <= (d3.timeDay.offset(endDate, 1)).getTime()) { // while (dateday.getTime() <= endDate.getTime()) { let dateText = d3.utcFormat('%Y-%m-%d')(dateday); // console.log(" partitionDates: " + dateText); let daysData = stateData.filter( e => e.dateText == dateText ); if (daysData.length > 0 ) { partition[index] = daysData; ++index; // console.log(" Data for " + dateText + " endate is " + d3.utcFormat('%Y-%m-%d')(endDate)); } else { console.log(" Warning No data for " + dateText + " endate is " + d3.utcFormat('%Y-%m-%d')(endDate)); } dateday = d3.timeDay.round(d3.timeDay.offset(dateday, 1)); } return partition; }35:T52c,xmapLegend = { let html = "

" + "

" + aggChartTitle + "

"; html = html + "

"; theAggregator.forEach(function(r, i) { let bColor = theColorScheme.range[i]; html = html + ""; }); html = html + " Highest " + chartHeader + "

"; theAggregator.forEach(function(r, i) { let bColor = theColorScheme.range[i]; html = html + ""; }); html = html + " Medium " + chartHeader + "

"; theAggregator.forEach(function(r, i) { let bColor = theColorScheme.range[i]; html = html + ""; }); html = html + " Lowest " + chartHeader + "

"; return html; }36:Tc7d,stateGlobals = statePopulations.data.map((e) => ({ ...e, pctVaccinated20220205: PctVaccinatedBucketNames[ getCategoryIndex( stateAbbreviationsByPctVaccinatedFeb22.findIndex( (r) => r.State === e.State ) ) ], pctVaccinated20210827: PctVaccinatedBucketNames[ getCategoryIndex( stateAbbreviationsByPctVaccinatedAug.findIndex( (r) => r.State === e.State ) ) ], pctVaccinated20210531: PctVaccinatedBucketNames[ getCategoryIndex( stateAbbreviationsByPctVaccinated.findIndex((r) => r.State === e.State) ) ], governorsParty: governors.find((r) => r.state_name === e.State).party, governorsGender: governors.find((r) => r.state_name === e.State).gender, // this assumes that statesDensity is sorted by most dense first density: densityBinNames[ getCategoryIndex(statesDensity.findIndex((r) => r.State === e.State)) ], abbrev: stateAbbreviations.data.find((r) => e.State === r.State).Abbrev, code: stateAbbreviations.data.find((r) => e.State === r.State).Code, votedFor: statePopulations.data.find((r) => r.State === e.State).votedFor, voted2020: statePopulations.data.find((r) => r.State === e.State).voted2020, leans: statePopulations.data.find((r) => r.State === e.State).leans, censusRegion: statePopulations.data.find((r) => r.State === e.State) .censusRegion, country: "USA", iqBin: IQBucketNames[ getCategoryIndex(stateIQ.findIndex((r) => r.State === e.State)) ], BABin: BABucketNames[ getCategoryIndex( stateEducationLevels.findIndex((r) => r.State === e.State) ) ], MHIBin: MHIBucketNames[ getCategoryIndex(stateMHILevels.findIndex((r) => r.State === e.State)) ], MABin: MeanAgeBucketNames[ getCategoryIndex( stateAbbreviationsByAge.findIndex((r) => r.State === e.State) ) ], NHWhiteBin: PctNHWhiteBucketNames[ getCategoryIndex( stateAbbreviationsByPctNHWhite.findIndex((r) => r.State === e.State) ) ], HispanicBin: PctHispanicBucketNames[ getCategoryIndex( stateAbbreviationsByPctHispanic.findIndex((r) => r.State === e.State) ) ], BlackBin: PctBlackBucketNames[ getCategoryIndex( stateAbbreviationsByPctBlack.findIndex((r) => r.State === e.State) ) ], AsianBin: PctAsianBucketNames[ getCategoryIndex( stateAbbreviationsByPctAsian.findIndex((r) => r.State === e.State) ) ], EvangelicalBin: PctEvangelicalBucketNames[ getCategoryIndex( stateAbbreviationsByPctEvangelical.findIndex((r) => r.State === e.State) ) ], // PctEvangelicalBucketNames[ // Math.floor( // stateAbbreviationsByPctEvangelical.findIndex(r => r.State === e.State) / // 10 // ) // ], MaskMandate321: stateAbbreviations.data.find((r) => e.State === r.State) .MaskOrder321 ? MaskMandateNames[0] : MaskMandateNames[1], MaskMandate720: stateAbbreviations.data.find((r) => e.State === r.State) .MaskOrder720 ? MaskMandateNames[0] : MaskMandateNames[1] }))37:Td24,dataForState = function( stateName, startingDate, todaysData, categoryPopulation = 0 ) { // todaysData is a function to return the record for a given data for a given state or category // if categoryPopulation is 0 this is for a single state, otherwise it is for a aggregated the group of states let res = []; let laggedDailyCasesArray = []; // we don't want the date to be midnight since it causes too many boundary conditions with time zones etc. So we move all the times to 12 noon let dateday = new Date(startingDate.getTime() + 12 * 60 * 60 * 1000); let yesterday = d3.timeDay.offset(dateday, -1); let endDate = stateData[stateData.length - 1].date; let yesterdayData = todaysData( d3.utcFormat('%Y-%m-%d')(yesterday), stateName ); let totalDeaths = yesterdayData ? yesterdayData.deaths : 0; let populationDivisor = (categoryPopulation === 0 ? StatePop(stateName) : categoryPopulation) / 100000; let totalCases = yesterdayData ? yesterdayData.cases : 0; let index = 0; let newCasesArray = new Array(nDaysMovingAverage); let newDeathsArray = new Array(nDaysMovingAverage); while (dateday.getTime() <= endDate.getTime() + 12 * 60 * 60 * 1000) { let dataForToday = todaysData(d3.utcFormat('%Y-%m-%d')(dateday), stateName); if (dataForToday) { // console.log(" dataForState date: " + d3.utcFormat('%Y-%m-%d')(dateday)); let dailyDeaths = dataForToday.deaths - totalDeaths; let dailyCases = dataForToday.cases - totalCases; newCasesArray[index % nDaysMovingAverage] = dailyCases; newDeathsArray[index % nDaysMovingAverage] = dailyDeaths; if (index == 0) { for (let j = 0; j < nDaysMovingAverage; j++) { newCasesArray[j] = dailyCases; newDeathsArray[j] = dailyDeaths; } } dailyCases = newCasesArray.reduce((a, b) => a + b, 0) / nDaysMovingAverage; let dailyCases100KMA = dailyCases / populationDivisor; dailyDeaths = newDeathsArray.reduce((a, b) => a + b, 0) / nDaysMovingAverage; let dailyDeaths100KMA = dailyDeaths / populationDivisor; laggedDailyCasesArray.push(dailyCases); let laggedDailyCases = laggedDailyCasesArray[0]; if (laggedDailyCasesArray.length > daysLag) { laggedDailyCasesArray.shift(); } res.push({ state: stateName, // category: stateName, Group: stateName, date: dateday, deaths: dataForToday.deaths, cases: dataForToday.cases, dailyDeaths: dailyDeaths, dailyCases: dailyCases, deathsPer100K: dataForToday.deaths / populationDivisor, casesPer100K: dataForToday.cases / populationDivisor, dailyCases100KMA: dailyCases100KMA, dailyDeaths100KMA: dailyDeaths100KMA, laggedDailyCases: laggedDailyCases, daily_mortality_pct: laggedDailyCases > 0 ? (dailyDeaths * 100.0) / laggedDailyCases : 0, total_mortality_pct: totalCases > 0 ? (totalDeaths * 100.0) / totalCases : 0 }); totalDeaths = dataForToday.deaths; totalCases = dataForToday.cases; } else { // console.log( // " NO dataForState date: " + d3.utcFormat('%Y-%m-%d')(dateday) // ); } dateday = d3.timeDay.round(d3.timeDay.offset(dateday, 1)); ++index; } return res; }38:T453,topTenData = function(numberToShow) { let chartData = []; let topTenData = []; // Observable recalculates this because of a static depenency, even though it is not called in the dynamic case // so lets short circuit the recalculation in the case where the results are not going to be used if (selectionMode == 0) return []; // First compute all the varialbles for all the states for the last 8 days (so 7 day smoothing works) statePopulations.data.forEach(function(d) { chartData = chartData.concat( dataForState(d.State, d3.timeDay.offset(EndDate, -8), todaysStateData) ); }); // now sort the results and for the Top K states as of today and then recalculte the data for the entire time span // for each of hese top-k states chartData .filter( r => d3.utcFormat("%Y-%m-%d")(r.date) == d3.utcFormat("%Y-%m-%d")(EndDate) ) .sort((a, b) => b[dataField] - a[dataField]) .slice(0, numberToShow) .forEach(function(d) { topTenData = topTenData.concat( dataForState(d.state, date1, todaysStateData) ); }); return topTenData; }39:T60e,aggregateRadioButtonOptions = [ { label: "By 2020 Presidential Winner", value: "voted2020" }, { label: "Percent Fully Vaccinated Feb22", value: "pctVaccinated20220205" }, { label: "Percent Fully Vaccinated August", value: "pctVaccinated20210827" }, { label: "Percent Fully Vaccinated June", value: "pctVaccinated20210531" }, { label: "By 2020 Election Margin", value: "leans" }, { label: "By Party of the State's Governor", value: "governorsParty" }, { label: "By Whom the State Voted for in 2016", value: "votedFor" }, { label: "By Gender of the State's Governor ", value: "governorsGender" }, { label: "By 4 Regions ", value: "censusRegion" }, { label: "By 8 Regions ", value: "beaRegion" }, { label: "By State's Density", value: "density" }, { label: "By Average IQ for State", value: "iqBin" }, { label: "By Education (%B.A. or Better)", value: "BABin" }, { label: "By Median Househole Income", value: "MHIBin" }, { label: "By Mean Age of State Population", value: "MABin" }, { label: "By % Non-Hispanic White Population", value: "NHWhiteBin" }, { label: "By % Hispanic Population", value: "HispanicBin" }, { label: "By % Black Population", value: "BlackBin" }, { label: "By % Asian Population", value: "AsianBin" }, { label: "By % Evangelical Protestants", value: "EvangelicalBin" }, { label: "By Mask Mandate on 07/22/2020", value: "MaskMandate720" }, { label: "By Mask Mandate on 03/04/2021", value: "MaskMandate321" }, { label: "All 50 States", value: "country" } ]3a:T489,aggregateRadioButtonOptionsMap = new Map([ ["By 2020 Presidential Winner", "voted2020"], ["Percent Fully Vaccinated Feb22", "pctVaccinated20220205"], ["By 2020 Election Margin", "leans"], ["By Party of the State's Governor", "governorsParty"], ["By Whom the State Voted for in 2016", "votedFor"], ["By Gender of the State's Governor ", "governorsGender"], ["By 4 Regions ", "censusRegion"], ["By 8 Regions ", "beaRegion"], ["By State's Density", "density"], ["By Average IQ for State", "iqBin"], ["By Education (%B.A. or Better)", "BABin"], ["By Median Househole Income", "MHIBin"], ["By Mean Age of State Population", "MABin"], ["By % Non-Hispanic White Population", "NHWhiteBin"], ["By % Hispanic Population", "HispanicBin"], ["By % Black Population", "BlackBin"], ["By % Asian Population", "AsianBin"], ["By % Evangelical Protestants", "EvangelicalBin"], ["By Mask Mandate on 07/22/2020", "MaskMandate720"], ["By Mask Mandate on 03/04/2021", "MaskMandate321"], ["Percent Fully Vaccinated Aug", "pctVaccinated20210827"], ["Percent Fully Vaccinated June", "pctVaccinated20210531"], ["All 50 States", "country"] ])3b:T6a4,theColorSchemes = ({ voted2020: { range: partyColors, domain: voted2020Names }, pctVaccinated20220205: { range: tableau10, domain: PctVaccinatedBucketNames }, pctVaccinated20210827: { range: tableau10, domain: PctVaccinatedBucketNames }, pctVaccinated20210531: { range: tableau10, domain: PctVaccinatedBucketNames }, leans: { range: leansColors, domain: leansNames }, governorsParty: { range: partyColors, domain: partyNames }, votedFor: { range: votedForColors, domain: votedForNames }, governorsGender: { range: pastel1, domain: genderNames }, censusRegion: { range: tableau10, domain: censusRegionNames }, beaRegion: { range: tableau10, domain: beaRegionNames }, density: { range: tableau10, domain: densityBinNames }, iqBin: { range: tableau10, domain: IQBucketNames }, BABin: { range: tableau10, domain: BABucketNames }, MHIBin: { range: tableau10, domain: MHIBucketNames }, MABin: { range: tableau10, domain: MeanAgeBucketNames }, NHWhiteBin: { range: tableau10, domain: PctNHWhiteBucketNames }, HispanicBin: { range: tableau10, domain: PctHispanicBucketNames }, BlackBin: { range: tableau10, domain: PctBlackBucketNames }, AsianBin: { range: tableau10, domain: PctAsianBucketNames }, EvangelicalBin: { range: tableau10, domain: PctEvangelicalBucketNames }, MaskMandate720: { range: tableau10, domain: MaskMandateNames }, MaskMandate321: { range: tableau10, domain: MaskMandateNames }, country: { range: partyColors } })3c:T5ea,theAggregators = ({ voted2020: genAggregator(voted2020Names, "voted2020"), pctVaccinated20210827: genAggregator( PctVaccinatedBucketNames, "pctVaccinated20210827" ), pctVaccinated20210531: genAggregator( PctVaccinatedBucketNames, "pctVaccinated20210531" ), pctVaccinated20220205: genAggregator( PctVaccinatedBucketNames, "pctVaccinated20220205" ), leans: genAggregator(leansNames, "leans"), governorsParty: genAggregator(partyNames, "governorsParty"), votedFor: genAggregator(votedForNames, "votedFor"), governorsGender: genAggregator(genderNames, "governorsGender"), censusRegion: genAggregator(censusRegionNames, "censusRegion"), beaRegion: genAggregator(beaRegionNames, "beaRegion"), density: genAggregator(densityBinNames, "density"), iqBin: genAggregator(IQBucketNames, "iqBin"), BABin: genAggregator(BABucketNames, "BABin"), MHIBin: genAggregator(MHIBucketNames, "MHIBin"), MABin: genAggregator(MeanAgeBucketNames, "MABin"), NHWhiteBin: genAggregator(PctNHWhiteBucketNames, "NHWhiteBin"), HispanicBin: genAggregator(PctHispanicBucketNames, "HispanicBin"), BlackBin: genAggregator(PctBlackBucketNames, "BlackBin"), AsianBin: genAggregator(PctAsianBucketNames, "AsianBin"), EvangelicalBin: genAggregator(PctEvangelicalBucketNames, "EvangelicalBin"), MaskMandate720: genAggregator(MaskMandateNames, "MaskMandate720"), MaskMandate321: genAggregator(MaskMandateNames, "MaskMandate321"), country: genAggregator(countryNames, "country") })3d:[{"id":"6202775e312ec1b3f2208ee550db96f76b895a6ebc756709b3ee31096a5fd8e7b2b67d89c5754d075c7f8d6b4cad642b4bf3762d8575ae4901b2fa59c2b62dcf","href":"https://static.observableusercontent.com/files/6202775e312ec1b3f2208ee550db96f76b895a6ebc756709b3ee31096a5fd8e7b2b67d89c5754d075c7f8d6b4cad642b4bf3762d8575ae4901b2fa59c2b62dcf","name":"stateIQdata.json","type":"application/json","lastModified":1594933062028.371,"size":3076},{"id":"fc97f76e6e884562e1692db70caa04e53af72da638035657b70919a0b18072abe5201e80a84c8961b229c8d5b3642fe8c91de4514c78722a4a93383743dc6818","href":"https://static.observableusercontent.com/files/fc97f76e6e884562e1692db70caa04e53af72da638035657b70919a0b18072abe5201e80a84c8961b229c8d5b3642fe8c91de4514c78722a4a93383743dc6818","name":"stateEducationLevels@2.csv","type":"text/csv","lastModified":1595024212031.752,"size":2193},{"id":"f8ff389296c24a219bf85d9f67cb94e0b8e45dc6db572ac768d6dd9a52252812b02de80adc2287defcbce10c4a351f4ca490b15df8fde9f18a11fa3a75ad42da","href":"https://static.observableusercontent.com/files/f8ff389296c24a219bf85d9f67cb94e0b8e45dc6db572ac768d6dd9a52252812b02de80adc2287defcbce10c4a351f4ca490b15df8fde9f18a11fa3a75ad42da","name":"incomeByStates.csv","type":"text/csv","lastModified":1595360979072.954,"size":2151},{"id":"c4dfa694c41cb3f4be2012bd034f927073b36aad2ec3450d311274a82d7febfb99c22b17a24bcc6ae385f16fe36f58b9410a92d6d3507fc56096f22c250e91bb","href":"https://static.observableusercontent.com/files/c4dfa694c41cb3f4be2012bd034f927073b36aad2ec3450d311274a82d7febfb99c22b17a24bcc6ae385f16fe36f58b9410a92d6d3507fc56096f22c250e91bb","name":"us-states-population@13.json","type":"application/json","lastModified":1605559806826.809,"size":20118},{"id":"0d8fa65dce2397df03b75fb4fabbc7d79e2794ef64f018bdd1dd43460bc3795743e69dbf1d7456791cbef424e272d5cd33f49e3e445ce78f9a53ef5e5755e16e","href":"https://static.observableusercontent.com/files/0d8fa65dce2397df03b75fb4fabbc7d79e2794ef64f018bdd1dd43460bc3795743e69dbf1d7456791cbef424e272d5cd33f49e3e445ce78f9a53ef5e5755e16e","name":"states-albers-10m.json","type":"application/json","lastModified":1606016406307.933,"size":82031},{"id":"272e2f3138a44b78abb9c9484ac6d1a59b18a280f3276f5726b38fcc92e47ee03138d45af8af6b44b1198533112aa086f901f7b9ddb9305ca21a450c0a88764e","href":"https://static.observableusercontent.com/files/272e2f3138a44b78abb9c9484ac6d1a59b18a280f3276f5726b38fcc92e47ee03138d45af8af6b44b1198533112aa086f901f7b9ddb9305ca21a450c0a88764e","name":"governors@1.json","type":"application/json","lastModified":1615175106365.887,"size":96562},{"id":"a00eb2746b8d9a2f19551e761dff1ea1f362ed93e5372bc99ec9ca155a34d63b71942c34120e09e27519dee527e2304e9f9a719530156f96dfd19a9ae422ef8e","href":"https://static.observableusercontent.com/files/a00eb2746b8d9a2f19551e761dff1ea1f362ed93e5372bc99ec9ca155a34d63b71942c34120e09e27519dee527e2304e9f9a719530156f96dfd19a9ae422ef8e","name":"StateAbbreviations@11.json","type":"application/json","lastModified":1630201358505.792,"size":17636},{"id":"50cf9fe6d2fc9b741546173e6538806a511e9c38ee700b295c74fa88c0cde494ee449076aaeedb63a467b50a7792181cc4a05bb5b7f7c7b9865f8102caa62def","href":"https://static.observableusercontent.com/files/50cf9fe6d2fc9b741546173e6538806a511e9c38ee700b295c74fa88c0cde494ee449076aaeedb63a467b50a7792181cc4a05bb5b7f7c7b9865f8102caa62def","name":"StateAbbreviations@12.json","type":"application/json","lastModified":1644108540120.897,"size":19286}] 30:{"id":"a0ef0524ddeaebec","slug":"covid-19-us-states-explorer","title":"Covid-19 US States Explorer","thumbnail":"04dd132fc947b48f73fee51d00528969931c9cb45cdf556cfe604619a0bbf032","access_level":"public","create_time":"$D2020-05-29T07:19:03.515Z","update_time":"$D2022-05-29T22:46:44.342Z","view_time":null,"first_public_time":"$D2020-06-04T06:05:34.179Z","has_unpublished_edits":null,"fork":{"id":"17e426ebebe785ce","slug":"covid-19-red-state-blue-state/2","title":"Covid-19 Red State Blue State","owner":{"id":"29442b4fb673a40c","login":"dmaynard","name":"David Maynard"}},"stars":6,"starred":false,"owner":{"type":"team","id":"29442b4fb673a40c","login":"dmaynard","name":"David Maynard","avatar_url":"https://avatars-next.observableusercontent.com/111ae8322648fc37f32c402fda3d5151ec20b9b5123d7c61fee07db2c379f603","tier":"starter_2024","bio":"Retired Computer Scientist: SRI-ARC (Engelbart),\nXerox PARC, Xerox SDS, Electronic Arts, SGI, Google, Box"},"version":8364,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"daed610a453dce9c","login":"dmaynard","name":"David Maynard","avatar_url":"https://avatars-next.observableusercontent.com/111ae8322648fc37f32c402fda3d5151ec20b9b5123d7c61fee07db2c379f603","tier":null,"bio":"Retired Computer Scientist: SRI-ARC (Engelbart),\nXerox PARC, Xerox SDS, Electronic Arts, SGI, Google, Box"}],"members":[{"type":"individual","id":"daed610a453dce9c","login":"dmaynard","name":"David Maynard","avatar_url":"https://avatars-next.observableusercontent.com/111ae8322648fc37f32c402fda3d5151ec20b9b5123d7c61fee07db2c379f603","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Covid-19 US States Explorer","cells":[{"id":0,"value":"md`# Covid-19 US States Explorer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"md` These charts include data through ${AsOfDate}. Refreshing the page should get the latest data. Select how far back in time you want plotted. Farther back in time takes longer to fetch the data.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8296,"value":"Inputs.button([\n [\n \"Last Two Weeks\",\n () =>\n set(\n viewof startdateYYMMDD,\n formatDate(d3.timeDay.offset(new Date(), -14))\n )\n ],\n [\n \"Last Month\",\n () =>\n set(\n viewof startdateYYMMDD,\n formatDate(d3.timeDay.offset(new Date(), -31))\n )\n ],\n [\n \"Last Six Months\",\n () =>\n set(\n viewof startdateYYMMDD,\n formatDate(d3.timeDay.offset(new Date(), -183))\n )\n ],\n [\n \"Last Year\",\n () =>\n set(\n viewof startdateYYMMDD,\n formatDate(d3.timeDay.offset(new Date(), -364))\n )\n ],\n [\"All Time\", () => set(viewof startdateYYMMDD, \"2019-04-01\")]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7810,"value":"viewof startdateYYMMDD = Inputs.text({\n type: \"date\",\n label: html`Start Date`,\n max: maxDate,\n submit: true,\n description: \"Select Start Date for Covid-19 Data Charts\",\n value: formatDate(d3.timeDay.offset(new Date(), -183))\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7853,"value":"viewof dataField = Inputs.radio(valueOptionsMap, {\n value: \"dailyDeaths100KMA\",\n label: html`Chart`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7964,"value":"viewof aggregatorRadio = Inputs.select(aggregateRadioButtonOptionsMap, {\n value: \"voted2020\",\n label: html`Group States By`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3780,"value":"viewof AggregateLineCases = vl\n .markLine({ interpolate: 'linear', tooltip: true })\n .width(\"container\")\n .background(\"#FCFCFC\")\n .title(aggChartTitle)\n .data(categoryChartData)\n .encode(\n vl\n .x()\n .fieldT(\"date\")\n .axis({ format: \"%b %d\" }),\n vl.y().fieldQ(dataField),\n vl\n .color()\n .fieldN(\"Group\")\n .scale(theColorScheme),\n vl.shape().fieldN(\"Group\")\n\n // .sort(vl.max(dataField).order(\"descending\"))\n )\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6965,"value":"html`${stateDescription}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6613,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6640,"value":"html` ${xmapLegend}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4338,"value":"md`${aggTableHeader}\n${aggTableRowOne}\n${aggTableContent} `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8013,"value":"viewof rankPartType = Inputs.radio(genRankMap(rankingCategories), {\n label: html`For Ordered Categories, such as % Vaccinated, group by`,\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8028,"value":"viewof sliderDate = Inputs.range([1, numberOfDays], {\n step: 1,\n value: numberOfDays,\n label: html` Select Date for Map / Chart`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8031,"value":"html`Date for Map and Bar chart is: ${d3.utcFormat(\"%B %d, %Y\")(\n animScrubDate\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8063,"value":"viewof topKBar = Inputs.range([1, 50], {\n step: 1,\n value: 10,\n label: html`Show Bar Chart for Top N States`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6015,"value":"viewof AnimScrubber = vl\n .markBar() // Make a bar chart\n .title(barScrubChartTitle)\n .data(barChartDataForAnimDate.slice(0, topKBar))\n .encode(\n vl\n .y()\n .fieldO(\"state\")\n .sort(vl.fieldQ(dataField).order(\"descending\"))\n .axis({ title: \"State\" }),\n vl\n .x()\n .fieldQ(dataField)\n .axis({ title: barchartxaxis }),\n\n vl\n .color()\n .fieldO(\"Group\")\n // .domain([\"Very Red\", \"Red\", \"Blue\", \"Very Blue\"])\n .scale(theColorScheme),\n // .scale({domain: ['Very Red', 'Red', 'Blue', 'Very Blue'], range: ['Red', 'Pink', 'Aqua', 'Blue']}),\n\n vl\n .tooltip()\n .field(dataField)\n .type(\"quantative\")\n .format('.5')\n )\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8124,"value":"viewof selectionMode = Inputs.radio(\n new Map([\n ['Pick States Manually Below ', 0],\n ['Top 3 States ', 3],\n ['Top 5 States ', 5],\n ['Top 10 States', 10],\n ['Top 15 States', 15]\n ]),\n {\n label: html`Pick Which States to Chart`,\n\n value: 5\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2941,"value":"viewof lineCases = vl\n .markLine({ interpolate: 'linear', tooltip: true })\n .width(\"container\")\n .title(chartTitle)\n .data(chartData)\n .encode(\n vl\n .x()\n .fieldT(\"date\")\n .axis({ format: \"%b %d\" }),\n vl.y().fieldQ(dataField),\n vl.color().fieldN(\"state\"),\n vl.shape().fieldN(\"state\")\n // .sort(vl.max(dataField).order(\"descending\"))\n )\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2256,"value":"md` ##### To manually control which states to include select \"Pick States Manually\" above`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1872,"value":"{\n return selectionMode === 0\n ? md` #### Select States to Include (charts are recomputed on each click)`\n : Object.assign(md``, { value: null });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8048,"value":"viewof included = selectionMode === 0\n ? Inputs.checkbox(stateCodes)\n : Object.assign(html``, { value: null })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5236,"value":"viewof button = html`

${Object.assign(\n html`

" + aggChartTitle + "

Select a State to see \" + aggChartTitle + \"

\" +\n aggChartTitle +\n \"

\" +\n \"
\" +\n selectedState +\n \" Grouped with \" +\n label +\n \" States
\" +\n formatNumber(record[dataField]) +\n \" \" +\n chartHeader +\n \" ranks \" +\n rank +\n \" of \" +\n nStates +\n \"

" + aggChartTitle + "

Select a State to see \" + aggChartTitle + \"

\" +\n aggChartTitle +\n \"

\" +\n \"\" +\n selectedState +\n \" Grouped with \" +\n label +\n \" States \" +\n formatNumber(record[dataField]) +\n \" \" +\n chartHeader +\n \" ranks \" +\n rank +\n \" of \" +\n nStates +\n \"

\" +\n \"
\" +\n selectedState +\n \" Grouped with \" +\n label +\n \" States
\" +\n formatNumber(record[dataField]) +\n \" \" +\n chartHeader +\n \" ranks \" +\n rank +\n \" of \" +\n nStates +\n \"