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

25:["$","title",null,{"children":"Bivariate Choropleth Mapping | Ella Phillips | Observable"}] 49:T42a,// http://www.joshuastevens.net/cartography/make-a-bivariate-choropleth-map/ schemes = [ { name: "RdBu", colors: [ "#e8e8e8", "#e4acac", "#c85a5a", "#b0d5df", "#ad9ea5", "#985356", "#64acbe", "#627f8c", "#574249" ] }, { name: "BuPu", colors: [ "#e8e8e8", "#ace4e4", "#5ac8c8", "#dfb0d6", "#a5add3", "#5698b9", "#be64ac", "#8c62aa", "#3b4994" ] }, { name: "GnBu", colors: [ "#e8e8e8", "#b5c0da", "#6c83b5", "#b8d6be", "#90b2b3", "#567994", "#73ae80", "#5a9178", "#2a5a5b" ] }, { name: "PuOr", colors: [ "#e8e8e8", "#e4d9ac", "#c8b35a", "#cbb8d7", "#c8ada0", "#af8e53", "#9972af", "#976b82", "#804d36" ] }, { name: "PuGn", colors: [ "#e8e8e8", "#7eaa78", "#106b05", "#b091be", "#7e9178", "#106b05", "#783b94", "#783b78", "#103b05" ] }, ] //Link to observable notebook for creating any bivariate color scheme you would like: https://observablehq.com/@benjaminadk/bivariate-choropleth-color-generator 4a: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]} `; }4b:[{"id":"82f188163ef9258279c4e2c841c93624c6c29f4a931b80c734bfe72096787302dbef79ab9780e393f4a5fd78e351a482a9bb294f23607d609a9c8e1c90dacea9","href":"https://static.observableusercontent.com/files/82f188163ef9258279c4e2c841c93624c6c29f4a931b80c734bfe72096787302dbef79ab9780e393f4a5fd78e351a482a9bb294f23607d609a9c8e1c90dacea9","name":"chicago_tracts_2010_cleaned.csv","type":"text/csv","lastModified":1680662801549.247,"size":377202},{"id":"6bbcf2e3a9fd2cf3d066de38592cb077a55e80dc6edf1bdc35d1708ad4d37ae1c0ad59a4e3dd39b4c7a38c3c4f88a197350c8e2d576f626922625f456a86d54c","href":"https://static.observableusercontent.com/files/6bbcf2e3a9fd2cf3d066de38592cb077a55e80dc6edf1bdc35d1708ad4d37ae1c0ad59a4e3dd39b4c7a38c3c4f88a197350c8e2d576f626922625f456a86d54c","name":"chicago_tracts_2010_cleaned.json","type":"application/json","lastModified":1680662801549.247,"size":1725175},{"id":"5ed1c51fc851c4273e23e249ff0da0c805d41d64376fb60d3a7e3f9bd170f5312d608a5f64072037daf909d828002037d3ae0d04c26c04a65ed7b15dde48ab2f","href":"https://static.observableusercontent.com/files/5ed1c51fc851c4273e23e249ff0da0c805d41d64376fb60d3a7e3f9bd170f5312d608a5f64072037daf909d828002037d3ae0d04c26c04a65ed7b15dde48ab2f","name":"chicago.json","type":"application/json","lastModified":1680665881520.439,"size":330508},{"id":"172b70f5bfbf919c5118076c16aa9898d187e793ae808c4e644a686a61b9ad648fd25469a53665dbe8594081e83b5b34efc1f2aabcd56db2528479f6b562287d","href":"https://static.observableusercontent.com/files/172b70f5bfbf919c5118076c16aa9898d187e793ae808c4e644a686a61b9ad648fd25469a53665dbe8594081e83b5b34efc1f2aabcd56db2528479f6b562287d","name":"Checkup and safety.csv","type":"text/csv","lastModified":1680666108301.27,"size":3764},{"id":"be6c687c0319ee8baab73e424330958ce39289dad2e16fe0a58cfa5413eb05b993322ea9513b050e3bf1af4189fd863b998874069c21ecdd4a94f1cccf79df9e","href":"https://static.observableusercontent.com/files/be6c687c0319ee8baab73e424330958ce39289dad2e16fe0a58cfa5413eb05b993322ea9513b050e3bf1af4189fd863b998874069c21ecdd4a94f1cccf79df9e","name":"Checkup and safety@1.csv","type":"text/csv","lastModified":1680666477567.452,"size":4454},{"id":"4261e336b6d82c940a4b0acbb77799c3d6306632b6f2aab15a6465651811adecc6ac74962044bf5d63d919f8fc27c6d06f75615cf4c754bc761c846fcc685fcc","href":"https://static.observableusercontent.com/files/4261e336b6d82c940a4b0acbb77799c3d6306632b6f2aab15a6465651811adecc6ac74962044bf5d63d919f8fc27c6d06f75615cf4c754bc761c846fcc685fcc","name":"Checkup and safety@2.csv","type":"text/csv","lastModified":1680667240173.415,"size":4171},{"id":"63b9e68d7167f71a17109e8011e7fbd919f1c7717011dbad4500e8071b05edbb9a12f22b6e6f754bd17a0e26ee4daa6f675c95d625a97e864a57dfd842b67ef4","href":"https://static.observableusercontent.com/files/63b9e68d7167f71a17109e8011e7fbd919f1c7717011dbad4500e8071b05edbb9a12f22b6e6f754bd17a0e26ee4daa6f675c95d625a97e864a57dfd842b67ef4","name":"Checkup and safety@3.csv","type":"text/csv","lastModified":1680667671559.66,"size":4176},{"id":"7dc5ddad71ff0213784347aea7e4821d379e33df5d748184a243477a91e6e8a96769dc4352e105453832fb826bf5930f1b409e812ac8590dc795a893dd2d12a1","href":"https://static.observableusercontent.com/files/7dc5ddad71ff0213784347aea7e4821d379e33df5d748184a243477a91e6e8a96769dc4352e105453832fb826bf5930f1b409e812ac8590dc795a893dd2d12a1","name":"Checkup and safety@4.csv","type":"text/csv","lastModified":1680667848614.225,"size":3945},{"id":"5fdcb894128dbe9443629c8567dd1066d49c94950f79b52db1351f14c547348a4ff2c93018f4f9cf30b48e7abf80fd729015b2c06b3bca9e97cb39b52db632dc","href":"https://static.observableusercontent.com/files/5fdcb894128dbe9443629c8567dd1066d49c94950f79b52db1351f14c547348a4ff2c93018f4f9cf30b48e7abf80fd729015b2c06b3bca9e97cb39b52db632dc","name":"Screenshot 2023-04-07 at 12.55.17 AM.png","type":"image/png","lastModified":1680847021282.056,"size":26200},{"id":"2aa6cc0294104d7c38d85ba5e2d5b91aaa5bb2dc581f024e1677c7f02d98f713b6667652a08533ccc260c6c7b40000929b1f9842c1d36470a7abef71bbe1b7cf","href":"https://static.observableusercontent.com/files/2aa6cc0294104d7c38d85ba5e2d5b91aaa5bb2dc581f024e1677c7f02d98f713b6667652a08533ccc260c6c7b40000929b1f9842c1d36470a7abef71bbe1b7cf","name":"Screenshot 2023-04-07 at 12.55.21 AM.png","type":"image/png","lastModified":1680847022610.565,"size":123921},{"id":"411230c825a497f5675a3fb9ef6bb065f5c58bdfc9318ca6170b1fd520dc9b14b6726f190028e21e57423e4b03e0a5b512e4558cefe4811d1e94dfcc28d819b5","href":"https://static.observableusercontent.com/files/411230c825a497f5675a3fb9ef6bb065f5c58bdfc9318ca6170b1fd520dc9b14b6726f190028e21e57423e4b03e0a5b512e4558cefe4811d1e94dfcc28d819b5","name":"Screenshot 2023-04-07 at 12.55.03 AM.png","type":"image/png","lastModified":1680847024729.803,"size":338679},{"id":"d3ae6e156b1bb10c326d25cc6247b4f48580fa2aa319cea907623736e3d566a66da57f6e3ec15a8a382fa31093398bb61be2c383be6441d1d1bd940600f0425f","href":"https://static.observableusercontent.com/files/d3ae6e156b1bb10c326d25cc6247b4f48580fa2aa319cea907623736e3d566a66da57f6e3ec15a8a382fa31093398bb61be2c383be6441d1d1bd940600f0425f","name":"Screenshot 2023-04-07 at 12.41.37 AM.png","type":"image/png","lastModified":1680847029077.652,"size":334719},{"id":"5fdcb894128dbe9443629c8567dd1066d49c94950f79b52db1351f14c547348a4ff2c93018f4f9cf30b48e7abf80fd729015b2c06b3bca9e97cb39b52db632dc","href":"https://static.observableusercontent.com/files/5fdcb894128dbe9443629c8567dd1066d49c94950f79b52db1351f14c547348a4ff2c93018f4f9cf30b48e7abf80fd729015b2c06b3bca9e97cb39b52db632dc","name":"shift.png","type":"image/png","lastModified":1680847124682.002,"size":26200},{"id":"2aa6cc0294104d7c38d85ba5e2d5b91aaa5bb2dc581f024e1677c7f02d98f713b6667652a08533ccc260c6c7b40000929b1f9842c1d36470a7abef71bbe1b7cf","href":"https://static.observableusercontent.com/files/2aa6cc0294104d7c38d85ba5e2d5b91aaa5bb2dc581f024e1677c7f02d98f713b6667652a08533ccc260c6c7b40000929b1f9842c1d36470a7abef71bbe1b7cf","name":"hover.png","type":"image/png","lastModified":1680847124958.822,"size":123921},{"id":"411230c825a497f5675a3fb9ef6bb065f5c58bdfc9318ca6170b1fd520dc9b14b6726f190028e21e57423e4b03e0a5b512e4558cefe4811d1e94dfcc28d819b5","href":"https://static.observableusercontent.com/files/411230c825a497f5675a3fb9ef6bb065f5c58bdfc9318ca6170b1fd520dc9b14b6726f190028e21e57423e4b03e0a5b512e4558cefe4811d1e94dfcc28d819b5","name":"Screenshot 2023-04-07 at 12@1.55.03 AM.png","type":"image/png","lastModified":1680847125053.504,"size":338679},{"id":"d3ae6e156b1bb10c326d25cc6247b4f48580fa2aa319cea907623736e3d566a66da57f6e3ec15a8a382fa31093398bb61be2c383be6441d1d1bd940600f0425f","href":"https://static.observableusercontent.com/files/d3ae6e156b1bb10c326d25cc6247b4f48580fa2aa319cea907623736e3d566a66da57f6e3ec15a8a382fa31093398bb61be2c383be6441d1d1bd940600f0425f","name":"legend.png","type":"image/png","lastModified":1680847125119.543,"size":334719},{"id":"5566d1c85c6cfb1d8e41001ee100a959a26cfa85b15b6a3d1290e55cd7d96d214d1502a758982a4d71b8d507a8e1e839b9a8f25267177ca8dbc33170a1392126","href":"https://static.observableusercontent.com/files/5566d1c85c6cfb1d8e41001ee100a959a26cfa85b15b6a3d1290e55cd7d96d214d1502a758982a4d71b8d507a8e1e839b9a8f25267177ca8dbc33170a1392126","name":"schemes.png","type":"image/png","lastModified":1681102884785.751,"size":39009}] 29:{"id":"69a1212b6400ba6b","slug":null,"title":"Bivariate Choropleth Mapping","thumbnail":"67f5205ce0be674e742c72a5199f5ba8564c6d5454713b88ac09da119e94c24d","access_level":"public","create_time":"$D2023-04-05T02:46:41.549Z","update_time":"$D2024-01-09T18:16:20.097Z","view_time":null,"first_public_time":"$D2023-04-05T02:46:41.549Z","has_unpublished_edits":null,"fork":{"id":"65c7f6ce9b65d583","slug":"bivariate-choropleth-mapping","title":"Bivariate Choropleth Mapping","owner":{"id":"22130e106df70095","login":"geoviz","name":"Geographic Visualization (GEOG 3540) - University of Iowa"}},"stars":0,"starred":false,"owner":{"type":"team","id":"808bef287d6e049d","login":"ecphillips-uiowa","name":"Ella Phillips","avatar_url":"https://avatars-next.observableusercontent.com/ea66556f03eb291f0d609a24ea7870f72d89cfd44d6a8478077684825ebadefd","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":636,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"decb771ea2603899","login":"ecphillips-uiowa","name":"Ella Phillips","avatar_url":"https://avatars-next.observableusercontent.com/ea66556f03eb291f0d609a24ea7870f72d89cfd44d6a8478077684825ebadefd","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"decb771ea2603899","login":"ecphillips-uiowa","name":"Ella Phillips","avatar_url":"https://avatars-next.observableusercontent.com/ea66556f03eb291f0d609a24ea7870f72d89cfd44d6a8478077684825ebadefd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Bivariate Choropleth Mapping","cells":[{"id":0,"value":"md`# Bivariate Choropleth Mapping\n\nPercent of Adults who receive annual check-ups and Rate of Adults who report feeling safe \"most of\" or \"all of\" the time in their neighborhood by Community Areas of Chicago. Data [Chicago Health Atlas 2016-2020]`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"## % Annual Checkup vs Safety Rate Chicago ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","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","tool":"$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(645,250)\");\n\n svg.append(\"g\")\n .selectAll(\"path\")\n .data(topojson.feature(polygons, polygons.objects.chicago).features)\n .join(\"path\")\n .attr(\"stroke\", \"grey\")\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"In the map above % Annual Checkup vs Safety Rate, Chicago you can see that community areas with low checkup and low safety ratings [(low, low)] are scattered throughout Chicago. Although they are more common in central and southern Chicago than in the more northern community areas. The same can be said for community areas with high checkups and high safety ratings. Neither (low, low) or (high, high) are concentrated in any one region of Chicago. Community areas with high % checkup and low safety rate are concentrated in the southern part of Chicago. And in the north low % checkup and high safety rating are more common than the (low, low), (high, low), or (medium, medium) categories. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":359,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"labels = [\"low\", \"\", \"high\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$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","tool":"$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","tool":"$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","tool":"$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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"polygon_features = topojson.feature(polygons, polygons.objects.chicago)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"data = Object.assign(new Map(d3.csvParse(await FileAttachment(\"Checkup and safety@4.csv\").text(), ({area_num_1, Check_up, safety, POP}) => [area_num_1, [(100*(+Check_up/+POP)), +safety]])), {title: [\"% Check Up\", \" Neighborhood Safety Rate\"]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"idAttribute = \"area_num_1\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"polygons = FileAttachment(\"chicago.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"height = 610","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"width = 775","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"formatNum = d3.format(\".1f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"#### Methods/Steps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":563,"value":"How do you join the geometries that come with the topojson file with the attributes that come with a csv file?\n* Import topojson file\n* make sure your topojson file has type: \"topology\"\n* import CSV file, list the variables of interest in the first set of parenthesis\n* list/calculate the values you are interested in in the second set of parenthesis\n* in the third set of parenthesis list the titles you wish to display for your variables of interest \n\n\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":604,"value":"Which colors are used for bivariate mapping on Observable? Explain how to add a new bivariate color scheme. \n* Your legend should not be more than 9 colors\n* start with 3 hues of one color and then pick 3 hues of its complementary color. You must use colors that are very different from each other to create a good bivariate color I scheme or it will be too difficult to tell the legend colors apart.\n* To create my legend colors I used this observable notebook: https://observablehq.com/@benjaminadk/bivariate-choropleth-color-generator\n* This notebook takes your color inputs and creates the code for your new bivariate color scheme. then you just need to copy and paste it in as a new scheme in the code below:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":611,"value":"image_color = FileAttachment(\"schemes.png\").image({width: 400, style: \"border: 1px solid black\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"\nHow do you create a legend? How do you position the legend so it is not hidden behind the map?\n* Create a legend with this code: \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":583,"value":"image = FileAttachment(\"legend.png\").image({width: 400, style: \"border: 1px solid black\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"* move legend from left to right and up and down with the following code:\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":588,"value":"shiftimage = FileAttachment(\"shift.png\").image({width: 400, style: \"border: 1px solid black\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"How do the values get displayed when you hover over each polygon?\n* The code below with your data features sting creates the hover over display when you mouse over each polygon. \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":585,"value":"hover = FileAttachment(\"hover.png\").image({width: 400, style: \"border: 1px solid black\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null