${data.title[0]}${labels[j] && ` (${labels[j]})`} ${data.title[1]}${labels[i] && ` (${labels[i]})`}

21:null 22:["$","title",null,{"children":"COVID19 Pandemic: The Effects of Hospital Bed Density on Percentage of Expected Deaths | jhpederson | Observable"}] 27:T460,legend = () => { const k = 24; const arrow = DOM.uid(); return svg` ${d3.cross(d3.range(n), d3.range(n)).map(([i, j]) => svg` ${data.title[0]}${labels[j] && ` (${labels[j]})`} ${data.title[1]}${labels[i] && ` (${labels[i]})`} `)} ${data.title[0]} ${data.title[1]} `; } //customized legend28:[{"id":"73bf54b182c8f7a32dc12084a46d107bbc55a755c65ea2492ae7e28fdfd01f23caf5fa73d219b7e37640689131147a86af45ea5982518fdcab62d9ad8b29c025","href":"https://static.observableusercontent.com/files/73bf54b182c8f7a32dc12084a46d107bbc55a755c65ea2492ae7e28fdfd01f23caf5fa73d219b7e37640689131147a86af45ea5982518fdcab62d9ad8b29c025","name":"BasemapGeo.json","type":"application/json","lastModified":1589536680299.992,"size":121858},{"id":"880a48b9d905901af23ce84782c4745a77d2987d99eef51b8815cee7d6e0ef32254c5820cd1df655b02b2743d62d1fb53f8308b652144a264d585eb61e71d262","href":"https://static.observableusercontent.com/files/880a48b9d905901af23ce84782c4745a77d2987d99eef51b8815cee7d6e0ef32254c5820cd1df655b02b2743d62d1fb53f8308b652144a264d585eb61e71d262","name":"NonCOVIDdata.csv","type":"text/csv","lastModified":1589579982619.053,"size":4597}] 25:{"id":"4dea58b1050d0b03","slug":"covid19-pandemic-the-effects-of-hospital-bed-density-on-per","title":"COVID19 Pandemic: The Effects of Hospital Bed Density on Percentage of Expected Deaths","thumbnail":"f5644b86af32634988d276919841a2d5df1fc262d377753b85e853a0a419b6b2","access_level":"public","create_time":"$D2020-05-15T09:41:24.086Z","update_time":"$D2020-05-15T22:01:04.871Z","view_time":null,"first_public_time":"$D2020-05-15T22:02:08.255Z","has_unpublished_edits":null,"fork":{"id":"60747890ccb5813b","slug":"final-project","title":"COVID19 Pandemic: The Effects of Hospital Bed Density per County on COVID-19 Mortality Rates","owner":{"id":"b99e806c2ff171f3","login":"jhpederson","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"b99e806c2ff171f3","login":"jhpederson","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d935bebb3c6adadf96af27cdca7054c01cbd02f0b957cd72a9c74c9fac4b26f3","tier":"starter_2024"},"version":764,"publish_version":764,"role":null,"authored":false,"authors":[{"type":"individual","id":"adde99aefbb900d3","login":"jhpederson","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d935bebb3c6adadf96af27cdca7054c01cbd02f0b957cd72a9c74c9fac4b26f3","tier":null}],"members":[{"type":"individual","id":"adde99aefbb900d3","login":"jhpederson","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d935bebb3c6adadf96af27cdca7054c01cbd02f0b957cd72a9c74c9fac4b26f3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"COVID19 Pandemic: The Effects of Hospital Bed Density on Percentage of Expected Deaths","cells":[{"id":0,"value":"md`# COVID19 Pandemic: The Effects of Hospital Bed Density on Percentage of Expected Deaths\nData from https://www.cdc.gov/nchs/nvss/vsrr/covid19/index.htm and HIFLD Open GP - Public Health. \n\nDeath data from January 22 to May 9, 2020. `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"viewof colors = {\n const form = html`

color scheme`;\n form.i.selectedIndex = 1;\n form.oninput = () => form.value = schemes[form.i.selectedIndex].colors;\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(legend)\n .attr(\"transform\", \"translate(150,600)\");\n\n svg.append(\"g\")\n .selectAll(\"path\")\n .data(topojson.feature(polygons, polygons.objects.BasemapGeo).features)\n .join(\"path\")\n .attr(\"stroke\", \"white\")\n .attr(\"fill\", d => color(data.get(d.properties[idAttribute])))\n .attr(\"d\", path)\n .append(\"title\")\n .text(d => `${d.properties[idAttribute]}, ${format(data.get(d.properties[idAttribute]))}`);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"// http://www.joshuastevens.net/cartography/make-a-bivariate-choropleth-map/\nschemes = [\n {\n name: \"RdBu\", \n colors: [\n \"#e8e8e8\", \"#e4acac\", \"#c85a5a\",\n \"#b0d5df\", \"#ad9ea5\", \"#985356\",\n \"#64acbe\", \"#627f8c\", \"#574249\"\n ]\n },\n {\n name: \"BuPu\", \n colors: [\n \"#e8e8e8\", \"#ace4e4\", \"#5ac8c8\",\n \"#dfb0d6\", \"#a5add3\", \"#5698b9\", \n \"#be64ac\", \"#8c62aa\", \"#3b4994\"\n ]\n },\n {\n name: \"GnBu\", \n colors: [\n \"#b8b8b8\", \"#b5c0da\", \"#6c83b5\",\n \"#b8d6be\", \"#90b2b3\", \"#567994\",\n \"#73ae80\", \"#5a9178\", \"#2a5a5b\"\n ]\n },\n {\n name: \"PuOr\", \n colors: [\n \"#e8e8e8\", \"#e4d9ac\", \"#c8b35a\",\n \"#cbb8d7\", \"#c8ada0\", \"#af8e53\",\n \"#9972af\", \"#976b82\", \"#804d36\"\n ]\n }\n]\n//can keep same","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"labels = [\"Low\", \"Moderate\", \"High\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"n = Math.floor(Math.sqrt(colors.length))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"x = d3.scaleQuantile(Array.from(data.values(), d => d[0]), d3.range(n))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"y = d3.scaleQuantile(Array.from(data.values(), d => d[1]), d3.range(n))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"path = d3.geoPath().projection(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"//Rotate the map sets the longitude of origin for our UTM projection.\nprojection = d3.geoTransverseMercator().rotate([100,0]).fitExtent([[10, 10], [width, height]], polygon_features)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"polygon_features = topojson.feature(polygons, polygons.objects.BasemapGeo)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"data = Object.assign(new Map(d3.csvParse(await FileAttachment(\"NonCOVIDdata.csv\").text(), ({STATE_NAME, TotalBeds, POPULATION, PerExpected}) => [STATE_NAME, [+TotalBeds/+POPULATION, +PerExpected]])), {title: [\"Hospital Beds\", \"Percentage of Expected Deaths\"]})\n//reads csv file and turns into data map object","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"idAttribute = \"STATE_NAME\"\n//what attribute is used to join","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"polygons = FileAttachment(\"BasemapGeo.json\").json()\n//where you read polygon features, where you select attributes for CSV data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"height = 750","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"width = 1100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"$27","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":477,"value":"color = {\n return value => {\n if (!value) return \"#ccc\";\n let [a, b] = value;\n return colors[y(b) + x(a) * n];\n };\n}\n//Color schemes","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"formatNum = d3.format(\".1f\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"format = (value) => {\n if (!value) return \"N/A\";\n let [a, b] = value;\n return `${a} ${data.title[0]}${labels[x(a)] && ` (${labels[x(a)]})`}\n${formatNum(b)} ${data.title[1]}${labels[y(b)] && ` (${labels[y(b)]})`}`;\n}\n//formats values and labels in legends and in read data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W28","stdlib":"1"}} 26:"$25:body"