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

2a:null 2b:["$","title",null,{"children":"Assignment 4 | jhpederson | Observable"}] 30: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 legend31:[{"id":"a3dd163dcb46f5dae3b393ba4bfaa4f4d136dbe057896021a692a40854d9f821d6ca8f1a8e6909d2f61e6af7acf6763c47d9ccf5d62bef59997a4ce0625a0728","href":"https://static.observableusercontent.com/files/a3dd163dcb46f5dae3b393ba4bfaa4f4d136dbe057896021a692a40854d9f821d6ca8f1a8e6909d2f61e6af7acf6763c47d9ccf5d62bef59997a4ce0625a0728","name":"NebraskaCounties.json","type":"application/json","lastModified":1586830790428.552,"size":843883},{"id":"facfc0fe1ce5a340a003e94654cea8f3497ad7ce915deb736c29c22e5635c45d7a0627e7c05036d233f74e6cb53d4c362c42e067fda15f7f3e3c7177ce7188c9","href":"https://static.observableusercontent.com/files/facfc0fe1ce5a340a003e94654cea8f3497ad7ce915deb736c29c22e5635c45d7a0627e7c05036d233f74e6cb53d4c362c42e067fda15f7f3e3c7177ce7188c9","name":"CensusData.csv","type":"text/csv","lastModified":1586830851652.541,"size":72662}] 2e:{"id":"7fda09edcc10416b","slug":"bivariate-choropleth-mapping","title":"Assignment 4","thumbnail":"69ec7af7df8661380b0137ee0ef2dfe955453fc8f4a9aed5bfa57b1fd2693fdc","access_level":"public","create_time":"$D2020-04-14T00:52:06.272Z","update_time":"$D2020-04-14T05:29:30.133Z","view_time":null,"first_public_time":"$D2020-04-14T02:59:22.875Z","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":"b99e806c2ff171f3","login":"jhpederson","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d935bebb3c6adadf96af27cdca7054c01cbd02f0b957cd72a9c74c9fac4b26f3","tier":"starter_2024"},"version":665,"publish_version":665,"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,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Assignment 4","cells":[{"id":0,"value":"md`# Assignment 4\n\nPer Capita Income and % Population with an Education Greater Than an Associates Degree in Nebraska Counties`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"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(80,450)\");\n\n svg.append(\"g\")\n .selectAll(\"path\")\n .data(topojson.feature(polygons, polygons.objects.County_Boundaries_Census).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"},{"id":613,"value":"md `Interpretation: This maps shows a pattern of high per capita income and high percentage of the population with an education level beyond an associates degree in the southeast part of Nebraska. This area contains cities, like Omaha and Lincoln, that house state universities. There are no other noticable patterns in the data. `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":216,"value":"labels = [\"low\", \"\", \"high\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":207,"value":"n = Math.floor(Math.sqrt(colors.length))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"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"},{"id":486,"value":"path = d3.geoPath().projection(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":430,"value":"polygon_features = topojson.feature(polygons, polygons.objects.County_Boundaries_Census)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":467,"value":"data = Object.assign(new Map(d3.csvParse(await FileAttachment(\"CensusData.csv\").text(), ({NAMELSAD10, PerCapInc, FBachDeg, MBachDeg, MMastDeg, MProfDeg, MDocDeg, FMastDeg, FProfDeg, FDocDeg, Total}) => [NAMELSAD10, [+PerCapInc, 100*(+FBachDeg + +MBachDeg + +MMastDeg + +MProfDeg + +MDocDeg + +FMastDeg + +FProfDeg + +FDocDeg)/+Total]])), {title: [\"Per Capita Income\", \"% Pop with > Associates\"]})\n//reads csv file and turns into data map object","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":483,"value":"idAttribute = \"NAMELSAD10\"\n//what attribute is used to join","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"polygons = FileAttachment(\"NebraskaCounties.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"},{"id":427,"value":"height = 610","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":424,"value":"width = 900","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":480,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":513,"value":"formatNum = d3.format(\".1f\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"