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

2e:null 2f:["$","title",null,{"children":"Bivariate Choropleth: GEOG 3540 Assignment 5 | inlandcorgi891 | Observable"}] 34:T65a,// CHEAT SHEET IN COMMENTS //Data is displayed when hovering over polygons with the FIPS, both variable values and the classification(low, medium, high) next to the variable chart = { const svg = d3.create("svg") //enlarged viewbox with 10,10 to create a margin of 10 .attr("viewBox", [10, 10, width, height]); //Creates Legend and placement is in the translate function svg.append(legend) .attr("transform", "translate(690,90)"); //fills map with colors from feature svg.append("g") .selectAll("path") .data(topojson.feature(tracts, tracts.objects.ia_covid19_county).features) .join("path") //Fills base geometries with the data from CSV .attr("fill", d => color(data.get(d.properties.FIPS))) .attr("d", path) .append("title") .text(d => `${d.properties.FIPS}, ${format(data.get(d.properties.FIPS))}`) .attr("fill", d => color(data.get(d.properties.NAME))) .attr("d", path) .append("title") .text(d => " Yield: " + data.get(d.properties.NAME)); svg.selectAll(".subunit-label") .data(ctracts.features) .enter().append("text") .attr("class", function(d) { return "subunit-label " + d.NAME; }) .attr("transform", function(d) { return "translate(" + path.centroid(d) + ")"; }) .attr("fill", function(d){ var value = data.get(d.properties.NAME); }) .attr("fill-opacity", "1") .attr("font-size", "10px") .attr("font-weight", "300") .attr("text-anchor", "middle") .text(function(d) { return d.properties.NAME; }) return svg.node(); }35:T44c,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]} `; }36:[{"id":"46252674f5ad9b8ee590244ac83fac59cebcd7873b9ad291425d0c8c152ce8aa8f455ad25e2c240726f28fe16ce122f834b279d58fce838971e2e20515f562c0","href":"https://static.observableusercontent.com/files/46252674f5ad9b8ee590244ac83fac59cebcd7873b9ad291425d0c8c152ce8aa8f455ad25e2c240726f28fe16ce122f834b279d58fce838971e2e20515f562c0","name":"IA_COVID19_Cases.csv","type":"text/csv","lastModified":1648476169374.282,"size":21385},{"id":"627b602521d88b14e342a10667df7da37944d56589b2fb3d0ac45ced0ef383f84e9a81423b75e5f4f6b28dec9f175d508074b660c12cf37208f297474514e9ee","href":"https://static.observableusercontent.com/files/627b602521d88b14e342a10667df7da37944d56589b2fb3d0ac45ced0ef383f84e9a81423b75e5f4f6b28dec9f175d508074b660c12cf37208f297474514e9ee","name":"ia_covid19_county.json","type":"application/json","lastModified":1648476100176.557,"size":66638}] 32:{"id":"6b4e5a65b69f34d0","slug":"bivariate-choropleth-geog-3540-assignment-5","title":"Bivariate Choropleth: GEOG 3540 Assignment 5","thumbnail":"3baf9c059a9d027dcdbb64d398bf2092b262979d0ad54b7dd1064e25261411cb","access_level":"public","create_time":"$D2022-03-28T14:01:39.911Z","update_time":"$D2022-03-31T02:04:39.197Z","view_time":null,"first_public_time":"$D2022-03-31T01:57:22.257Z","fork":{"id":"af83f2b782c64037","slug":"bivariate-choropleth-geog-3540-assignment-5","title":"Bivariate Choropleth: GEOG 3540 Assignment 5","owner":{"id":"1522f7962f5f1185","login":"caglarkoylu","name":"Caglar Koylu"}},"stars":0,"starred":false,"owner":{"type":"team","id":"ca23b159f6a2133a","login":"inlandcorgi891","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ec0806c0763bd57d75fd955e048dacfe4dabe1faa4e72209e85af11eebfe5b13","tier":"starter_2024"},"version":510,"publish_version":510,"role":null,"authored":false,"authors":[{"type":"individual","id":"e721446dc88a0a18","login":"inlandcorgi891","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ec0806c0763bd57d75fd955e048dacfe4dabe1faa4e72209e85af11eebfe5b13","tier":null}],"members":[{"type":"individual","id":"60e9af384dfce94c","login":"caglarkoylu","name":"Caglar Koylu","avatar_url":"https://avatars-next.observableusercontent.com/94b0c40bf8a6b04057088ea171864451b3e3b27b7346d866d2a7be21d077be76","tier":null,"role":"editor"},{"type":"individual","id":"e721446dc88a0a18","login":"inlandcorgi891","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ec0806c0763bd57d75fd955e048dacfe4dabe1faa4e72209e85af11eebfe5b13","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Bivariate Choropleth: GEOG 3540 Assignment 5","cells":[{"id":0,"value":"md`# Bivariate Choropleth: GEOG 3540 Assignment 5\n\nCovid Death percentages and case percentages in Iowa 2020\n\nBennett Cournoyer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":14,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"// Reads in CSV data and creates variables Case Rate and Death Percentage\ndata = Object.assign(new Map(d3.csvParse(await FileAttachment(\"IA_COVID19_Cases.csv\").text(), ({FIPS, Deaths, Confirmed, pop_est_2018}) => [FIPS, [+Confirmed/+pop_est_2018, (+Deaths/+pop_est_2018)*100]])), {title: [\"Case Rate\", \" % Death Percentage\"]})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"// http://www.joshuastevens.net/cartography/make-a-bivariate-choropleth-map/\n//Creaets color schemes \n// Colors can be found of the colorbrewer2.org and be ported here to create new color schemes\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 \"#e8e8e8\", \"#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]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"labels = [\"low\", \"\", \"high\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"n = Math.floor(Math.sqrt(colors.length))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"x = d3.scaleQuantile(Array.from(data.values(), d => d[0]), d3.range(n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"y = d3.scaleQuantile(Array.from(data.values(), d => d[1]), d3.range(n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"//Rotate the map sets the longitude of origin for our UTM projection.\nprojection = d3.geoTransverseMercator().rotate([95,0]).fitExtent([[10, 10], [width, height]], ctracts);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"// sets topojson to correct part of the feaeture collection \nctracts = topojson.feature(tracts, tracts.objects.ia_covid19_county)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"path = d3.geoPath().projection(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"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}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"//Deals wuith Null values \nformat = (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${b}% ${data.title[1]}${labels[y(b)] && ` (${labels[y(b)]})`}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"tracts = FileAttachment(\"ia_covid19_county.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"height = 550","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"width = 750","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"