2b:null 2c:["$","title",null,{"children":"Coronavirus Deaths by Race / Ethnicity | Melvin Peralta | Observable"}] 31:T42d,md`Data lasted updated on April 16, 2020. Data is based on a JHU report of states with data on COVID-19 related deaths by race/ethnicity: https://coronavirus.jhu.edu/data/us-state-data-availability. Population data was gathered from https://www.census.gov/data/tables/time-series/demo/popest/2010s-state-detail.html. NYC population data was gathered from https://www.baruch.cuny.edu/nycdata/population-geography/pop-demography.htm. Coronavirus data was mostly gathered from the APM Research Lab: https://www.apmresearchlab.org/covid/deaths-by-race. Data was supplemented from various state sources on an as needed basis: Missouri (https://health.mo.gov/living/healthcondiseases/communicable/novel-coronavirus/results.php), DC (https://coronavirus.dc.gov/page/coronavirus-data), Minnesota (https://www.health.state.mn.us/diseases/coronavirus/situation.html), and NYC (https://www1.nyc.gov/assets/doh/downloads/pdf/imm/covid-19-deaths-race-ethnicity-04162020-1.pdf). Two states were removed because race/ethnicity data was too limited (South Carolina and Arkansas).`32:T7b9,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); let k = cases.length; for(let i = 0; i <= k-1; i++) { let index = populationData.findIndex(e => e.state == cases[i].state); // Population Data svg.append("g") .attr("transform", "translate(" + i%2*0.5*width + "," + Math.floor(i/2)*(1/Math.ceil(k/2))*height + ")") .selectAll("rect") .data(populationData[index].data) .join("rect") .attr("x", d => xScale(d[0])) .attr("y", padding) .attr("width", d => xScale(d[1]-d[0])) .attr("height", height/Math.ceil(k/2) - padding) .attr("fill", (d, i) => color[i]); svg.append("g") .attr("transform", "translate(" + i%2*0.5*width + "," + Math.floor(i/2)*(1/Math.ceil(k/2))*height + ")") .selectAll("text") .data(populationData[index].data) .join("text") .attr("x", 0) .attr("y", padding - 5) .attr("font-family", "sans-serif") .attr("font-size", "11px") .attr("fill", "black") .attr("text-achor", "middle") .text(populationData[index].state + " population") // Case Data svg.append("g") .attr("transform", "translate(" + i%2*0.5*width + "," + Math.floor(i/2)*(1/Math.ceil(k/2))*height + ")") .selectAll("rect") .data(cases[i].data) .join("rect") .attr("x", d => xScale(d[0]) + 0.25*width - 5) .attr("y", padding) .attr("width", d => xScale(d[1]-d[0])) .attr("height", height/Math.ceil(k/2) - padding) .attr("fill", (d, i) => color[i]); svg.append("g") .attr("transform", "translate(" + i%2*0.5*width + "," + Math.floor(i/2)*(1/Math.ceil(k/2))*height + ")") .selectAll("text") .data(populationData[i].data) .join("text") .attr("x", 0.25*width - 5) .attr("y", padding - 5) .attr("font-family", "sans-serif") .attr("font-size", "11px") .attr("fill", "black") .attr("text-achor", "middle") .text("COVID deaths") } return svg.node(); }33:T4c8,populationData = { let tempArray = []; rawPopulationData.forEach((d,i) => { if( d["Year.display-label"] == "July 1, 2018" && d["Sex.id"] == "totsex" && d["Hisp.id"] == "nhisp" ) { let totpop = +rawPopulationData[i+1].totpop; tempArray.push({ state: d["GEO.display-label"], data: stack(level([ round(+d.wa/totpop*100, 2), round(+d.ba/totpop*100, 2), round(+rawPopulationData[i-1].totpop/totpop*100, 2), round((+d.aa + +d.na)/totpop*100, 2), /*round(+d.ia/totpop*100, 2),*/ round(100 - (round(+d.wa/totpop*100, 2) + round(+d.ba/totpop*100, 2) + /*round(+d.ia/totpop*100, 2) +*/ round((+d.aa + +d.na)/totpop*100, 2) + round(+rawPopulationData[i-1].totpop/totpop*100, 2)), 2)])) }) } }) let tot = [8537673, 2737163, 1899379, 2489089, 1247479, 164563]; tempArray.push({ state: "New York City", data: stack([ round(tot[1]/tot[0]*100, 2), round(tot[2]/tot[0]*100, 2), round(tot[3]/tot[0]*100, 2), round(tot[4]/tot[0]*100, 2), round(100 - (round(tot[1]/tot[0]*100, 2)+round(tot[2]/tot[0]*100, 2)+round(tot[3]/tot[0]*100, 2)+round(tot[4]/tot[0]*100, 2)),2) ]) }); return tempArray; }34:T663,function swatches({ color, columns = null, format = x => x, swatchSize = 15, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 0 }) { const id = DOM.uid().id; if (columns !== null) return html`

${color.domain().map(value => { const label = format(value); return html`

${document.createTextNode(label)}

`; })}

`; return html`

${color.domain().map(value => html`${document.createTextNode(format(value))}`)}

`; }35:[{"id":"96649cd72463a8682c95318dd467a7a24a2134d34a3d393ff8fdb5605af3cbced29a9e88c49b40634218168bc7758eb58dba49e837579ee18b7eee800d1839aa","href":"https://static.observableusercontent.com/files/96649cd72463a8682c95318dd467a7a24a2134d34a3d393ff8fdb5605af3cbced29a9e88c49b40634218168bc7758eb58dba49e837579ee18b7eee800d1839aa","name":"PEP_2018_PEPSR6H_with_ann.csv","type":"text/csv","lastModified":1587260158510.771,"size":644418},{"id":"39b23f747ede0dae0d3fd8f233c23c1d5328b25592f1101e494257d895594d3b0c2a11df44051706b574cf7c90410085337f55b333f15b11263778d70ed78eaf","href":"https://static.observableusercontent.com/files/39b23f747ede0dae0d3fd8f233c23c1d5328b25592f1101e494257d895594d3b0c2a11df44051706b574cf7c90410085337f55b333f15b11263778d70ed78eaf","name":"corona_deaths_race@6.csv","type":"text/csv","lastModified":1587323513357.467,"size":884}] 2f:{"id":"506393978586e29d","slug":"coronavirus-deaths-by-race-ethnicity","title":"Coronavirus Deaths by Race / Ethnicity","thumbnail":"0232b5cfbb93fec4fb5d185c08dce36a51d0a35f7ef961356e57122def3b28da","access_level":"public","create_time":"$D2020-04-19T01:32:44.458Z","update_time":"$D2020-06-02T15:50:41.731Z","view_time":null,"first_public_time":"$D2020-04-19T17:44:27.710Z","fork":false,"stars":7,"starred":false,"owner":{"type":"team","id":"390a3282437d46fc","login":"melvinmperalta","name":"Melvin Peralta","avatar_url":"https://avatars-next.observableusercontent.com/574644dbc530a0a8f1af569d3dfd14077ba8a959df6d50b23af07e9aaeb705cc","tier":"starter_2024"},"version":455,"publish_version":455,"role":null,"authored":false,"authors":[{"type":"individual","id":"7317562f273644a6","login":"melvinmperalta","name":"Melvin Peralta","avatar_url":"https://avatars-next.observableusercontent.com/574644dbc530a0a8f1af569d3dfd14077ba8a959df6d50b23af07e9aaeb705cc","tier":null}],"members":[{"type":"individual","id":"7317562f273644a6","login":"melvinmperalta","name":"Melvin Peralta","avatar_url":"https://avatars-next.observableusercontent.com/574644dbc530a0a8f1af569d3dfd14077ba8a959df6d50b23af07e9aaeb705cc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"e7cc41ec60819d92","slug":"coronavirus","title":"Coronavirus","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"title":"Coronavirus Deaths by Race / Ethnicity","cells":[{"id":0,"value":"md`# Coronavirus Deaths by Race / Ethnicity`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":269,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":205,"value":"swatches({color: colorArray})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":88,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":144,"value":"md`#### Scale`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":173,"value":"xScale = d3.scaleLinear()\n.domain([0, 100])\n.range([0, 0.25*width - smallpadding]) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":78,"value":"md`#### Color`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":61,"value":"color = [\"#76b7b2\", \"red\", \"#edc949\", \"#9f3303\", \"#59a14f\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":208,"value":"colorArray = d3.scaleOrdinal([\"White\", \"Black\", \"Hispanic\", \"AAPI\", \"Other\"], color)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":81,"value":"md`#### Parameters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":96,"value":"padding = 17","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":142,"value":"smallpadding = 10","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":84,"value":"width = 700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":86,"value":"height = 1600","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":75,"value":"md`#### Data Management`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":283,"value":"cases = d3.csvParse(await FileAttachment(\"corona_deaths_race@6.csv\").text(), ({State, White, Black, Hispanic, Asian, Other}) => ({state: State, data: stack(level([+White, +Black, +Hispanic, +Asian, +Other]))}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"rawPopulationData = {\n const text = await FileAttachment(\"PEP_2018_PEPSR6H_with_ann.csv\").text();\n return d3.csvParse(text);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":127,"value":"md`#### Functions and import`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"function round(num, places) {\n var multiplier = Math.pow(10, places);\n return Math.round(num * multiplier) / multiplier;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":107,"value":"function stack(d) {\n let sum = 0;\n let array = [];\n for(let i = 0; i <= d.length - 1; i++) {\n array.push([round(sum, 2), round(sum + d[i], 2)]);\n sum += d[i];\n }\n return array;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":335,"value":"function level(d) {\n let sum = d3.sum(d);\n let array = [];\n for(let i = 0; i <= d.length - 2; i++) {\n array[i] = round(d[i]*(100/sum), 2);\n }\n array[d.length-1] = round(100 - d3.sum(array), 2);\n return array;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":201,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":203,"value":"function entity(character) {\n return `&#${character.charCodeAt(0).toString()};`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"d3 = require(\"d3@5\", \"d3-random@2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"