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

2c:null 2d:["$","title",null,{"children":"Assignment 4 | cfienup | Observable"}] 32:T468,//creates customized legend 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]} `; }33:[{"id":"7ba2ee50c58419a516c8b67054271791772b551086d9348c0210f817fdd11536a1cd23d6c8cfe2eac91ce653dd935a2a63f7e35ef4ab70bc74f6a0887ee11e3a","href":"https://static.observableusercontent.com/files/7ba2ee50c58419a516c8b67054271791772b551086d9348c0210f817fdd11536a1cd23d6c8cfe2eac91ce653dd935a2a63f7e35ef4ab70bc74f6a0887ee11e3a","name":"NYCountiesWGS1984 (1).json","type":"application/json","lastModified":1586459150754.456,"size":756496},{"id":"99999fe929bc6f26b6d06325f0ad13e398791ad47f882ddbc48b17f4a9690d37fb7a0739ad4757f2eec220ba37f82e1ec317191670302bfaae145b5cea11849c","href":"https://static.observableusercontent.com/files/99999fe929bc6f26b6d06325f0ad13e398791ad47f882ddbc48b17f4a9690d37fb7a0739ad4757f2eec220ba37f82e1ec317191670302bfaae145b5cea11849c","name":"NYPOP.csv","type":"text/csv","lastModified":1586459533875.885,"size":5289}] 30:{"id":"6cacb1a15d3b108a","slug":"assignment-4","title":"Assignment 4","thumbnail":"b5df2da48d532d5216f3279a49b7568a937c96e711145806674261a6370b6602","access_level":"public","create_time":"$D2020-04-07T21:12:38.615Z","update_time":"$D2020-05-04T16:03:07.868Z","view_time":null,"first_public_time":"$D2020-04-09T19:38:25.941Z","has_unpublished_edits":null,"fork":{"id":"de68dfd4266dab75","slug":"bivariate-choropleth-mapping","title":"Bivariate Choropleth Mapping","owner":{"id":"1522f7962f5f1185","login":"caglarkoylu","name":"Caglar Koylu"}},"stars":0,"starred":false,"owner":{"type":"team","id":"ed88cc89621193f5","login":"cfienup","name":"","avatar_url":"https://avatars-next.observableusercontent.com/50a4ffa5f6292d4a29b2146b6ba97a083d2421e3fee53615ce83ddcadf4e5759","tier":"starter_2024"},"version":547,"publish_version":547,"role":null,"authored":false,"authors":[{"type":"individual","id":"c4ae92406c577414","login":"cfienup","name":"","avatar_url":"https://avatars-next.observableusercontent.com/50a4ffa5f6292d4a29b2146b6ba97a083d2421e3fee53615ce83ddcadf4e5759","tier":null}],"members":[{"type":"individual","id":"c4ae92406c577414","login":"cfienup","name":"","avatar_url":"https://avatars-next.observableusercontent.com/50a4ffa5f6292d4a29b2146b6ba97a083d2421e3fee53615ce83ddcadf4e5759","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Assignment 4","cells":[{"id":0,"value":"md`# Assignment 4\n\nPopulation Density and COVID-19 Cases for New York`","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(250,150)\"); //legend location\n\n svg.append(\"g\")\n .selectAll(\"path\")\n .data(topojson.feature(polygons, polygons.objects.NYCountiesWGS1984).features) //read in data\n .join(\"path\")\n .attr(\"stroke\", \"grey\")\n .attr(\"fill\", d => color(data.get(d.properties[idAttribute]))) //read in FIPS code\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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"//Interpretation of Spatial Patterns\n//The areas of high covid cases smoothly changes as the population density changes. There are not many areas where neighboring counties jump from one side of the legend to another. There are some strong clustering of high covid per capita rate and high population density counties in and around the NYC area.","pinned":true,"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 \"#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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"labels = [\"low\", \"\", \"high\"]","pinned":true,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"//creates a scale, Pop. Density\nx = d3.scaleQuantile(Array.from(data.values(), d => d[0]), d3.range(n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"//creates a scale, COVID-19 Cases\ny = d3.scaleQuantile(Array.from(data.values(), d => d[1]), d3.range(n))","pinned":true,"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":true,"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([87,0]).fitExtent([[10, 10], [width, height]], polygon_features);","pinned":true,"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.NYCountiesWGS1984)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"//read in csv file and map the data in one step\ndata = Object.assign(new Map(d3.csvParse(await FileAttachment(\"NYPOP.csv\").text(), ({FIPS_CODE, Population, Area, CaronavirusCases}) => [FIPS_CODE, [+Population/+Area,100*+CaronavirusCases/Population]])), {title: [\"Pop. Density\", \"% COVID-19 Cases\"]})\n//last part goes on the legend axis","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"//change this\nidAttribute = \"FIPS_CODE\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"//read in polygon features, join with FIPS code\npolygons = FileAttachment(\"NYCountiesWGS1984 (1).json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"//canvas height\nheight = 610","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"//canvas width\nwidth = 875","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"$32","pinned":true,"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}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"//format values in legend and data\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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"