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

2c:null 2d:["$","title",null,{"children":"Will's New Bivarate Choropleth Map | coopwr | Observable"}] 32:Tbb0,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append(legend) .attr("transform", "translate(175,240)") .attr("font-size", "7px"); svg.append("text") .attr("transform", "translate(305,40)") .attr("text-anchor", "middle") .style("font-size", "12px") .style("font-weight", "bold") .style("text-decoration", "underline") .text("NYC Police Precint Comparison: Population Density vs. Imprisonment Rate"); svg.append("text") .attr("transform", "translate(300,525)") .attr("text-anchor", "left") .style("font-size", "6px") .text("Imprisonment rate: Number of residents of the police precinct serving prison sentences in"); svg.append("text") .attr("transform", "translate(300,535)") .attr("text-anchor", "left") .style("font-size", "6px") .text("New York state jail per 100,000 residents of the police precinct."); svg.append("text") .attr("transform", "translate(300,555)") .attr("text-anchor", "left") .style("font-size", "6px") .text("Population density: population based on 2010 census divded by total area."); svg.append("text") .attr("transform", "translate(300,575)") .attr("text-anchor", "left") .style("font-size", "6px") .text("Data gathered from https://www.prisonpolicy.org/origin/ny/police_precincts.html and"); svg.append("text") .attr("transform", "translate(300,585)") .attr("text-anchor", "left") .style("font-size", "6px") .text("https://hub.arcgis.com/datasets/DCP::nyc-police-precincts?geometry=-74.966%2C40.524%2C-"); svg.append("text") .attr("transform", "translate(300,595)") .attr("text-anchor", "left") .style("font-size", "6px") .text("72.989%2C40.888&selectedAttribute=Shape__Area."); //calculated as the census population divided by the precinct area svg.append("g") .selectAll("path") .data(topojson.feature(polygons, polygons.objects.NYCPolice).features) .join("path") .attr("stroke", "white") .attr("stroke-linejoin", "round") .attr("stroke-width", 1) .attr("fill", d => color(data.get(d.properties[idAttribute]))) .attr("d", path) .append("title") .text(d => `${d.properties[idAttribute]}, ${format(data.get(d.properties[idAttribute]))}`); svg.selectAll(".subunit-label") .data(precincts.features) .enter().append("text") .attr("class", function(d) { return "subunit-label " + d.id; }) .attr("transform", function(d) { return "translate(" + path.centroid(d) + ")"; }) .attr("fill", "black") .attr("fill-opacity", "1") .attr("font-size", "7px") .attr("font-weight", "500") .attr("text-anchor", "middle") .text(function(d) { return d.properties.precinct; }) return svg.node(); }33: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]} `; }34:[{"id":"564004fa03a87c801d88491cf31b812970b9a1ea97b91632233205bfb8b5b0e1dc0a0b614bb2c2c7ddc8418baa8982659033b67f8d04414e9eafb3eed1c3069e","href":"https://static.observableusercontent.com/files/564004fa03a87c801d88491cf31b812970b9a1ea97b91632233205bfb8b5b0e1dc0a0b614bb2c2c7ddc8418baa8982659033b67f8d04414e9eafb3eed1c3069e","name":"NYCPoliceGeoJSON.geojson","type":"application/geo+json","lastModified":1618254411905.122,"size":343705},{"id":"8a6147274c4860b11b13829d2e6b9d39d0ef8396e110690a46f4eaf88715a83e26ddbf3b9e3e9b9ea69be0a37b32c70cef009a30e85cf9ba24a119b65c2ada19","href":"https://static.observableusercontent.com/files/8a6147274c4860b11b13829d2e6b9d39d0ef8396e110690a46f4eaf88715a83e26ddbf3b9e3e9b9ea69be0a37b32c70cef009a30e85cf9ba24a119b65c2ada19","name":"NYCPolice.json","type":"application/json","lastModified":1618251658160.793,"size":90488},{"id":"63075c080717095e4ca400cbde45ea1aaf724ac218d4b4642b06a23e27a6f915fe282139158e006d66354c8d06f74045de854a87cd9cd29eeedcc2bf3d8873b2","href":"https://static.observableusercontent.com/files/63075c080717095e4ca400cbde45ea1aaf724ac218d4b4642b06a23e27a6f915fe282139158e006d66354c8d06f74045de854a87cd9cd29eeedcc2bf3d8873b2","name":"NYCPoliceData4.csv","type":"text/csv","lastModified":1618251657511.027,"size":4550}] 30:{"id":"5458ab6178f4175c","slug":"wills-new-bivarate-choropleth-map","title":"Will's New Bivarate Choropleth Map","thumbnail":"c5ef98a9125f6ea720254267ae018368b8e9a6b8a841722e3ec8136461ff6c95","access_level":"public","create_time":"$D2021-04-12T18:20:09.864Z","update_time":"$D2021-04-15T20:57:30.562Z","view_time":null,"first_public_time":"$D2021-04-16T01:28:16.299Z","has_unpublished_edits":null,"fork":{"id":"360c2a8ab6307a41","slug":"wills-bivarate-choropleth-map","title":"Will's Bivarate Choropleth Map","owner":{"id":"58b89f298e17d8d9","login":"coopwr","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"58b89f298e17d8d9","login":"coopwr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3ad4c15c254ea4b9d4c60ccf71089222e6c351ba14f44cd975033a549a44bd07","tier":"starter_2024","bio":""},"version":507,"publish_version":507,"role":null,"authored":false,"authors":[{"type":"individual","id":"6023dda28a8f89e1","login":"coopwr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3ad4c15c254ea4b9d4c60ccf71089222e6c351ba14f44cd975033a549a44bd07","tier":null,"bio":""}],"members":[{"type":"individual","id":"6023dda28a8f89e1","login":"coopwr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3ad4c15c254ea4b9d4c60ccf71089222e6c351ba14f44cd975033a549a44bd07","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Will's New Bivarate Choropleth Map","cells":[{"id":0,"value":"md`# Will's New Bivarate Choropleth Map \n\\n Map of New York City Police Precincts.\n\\n Two attributes are compared with this bivariate choropleth map. The first is the number of residents of the police precinct serving prison sentences in New York state jail per 100,000 residents of the police precinct. The second is the population density of the police precint, calculated as the census population divided by the precinct area.\n\\n Data is accurate as of 2010.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"height = 610","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"width =610","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"md`# Findings:\n\\n From this map you can see that the four contiguous census tract areas on the left side of the map a high percent of the households that are married compared to the other tract areas. The areas with higher education attainment are clustered near each other, with two that fall under the high classification being contiguous. It is also noteworthy that there are none of the areas that are both high in marriaged households and educational attainment. `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"labels = [\"low\", \"\", \"high\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"value":"n = Math.floor(Math.sqrt(colors.length))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"x = d3.scaleQuantile(Array.from(data.values(), d => d[0]).filter(d => d < 30000), d3.range(n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"y = d3.scaleQuantile(Array.from(data.values(), d => d[1]), d3.range(n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"path = d3.geoPath().projection(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"projection = d3.geoTransverseMercator().rotate([94,0]).fitExtent([[80, 80], [width, height]], polygon_features);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"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":106,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"radius(50000000)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"d3.max([...data.values()])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"radius(287)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"//proportional symbols\nradius = d3.scaleSqrt([0, d3.max([...data.values()])], [0, 20])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"data.get(\"5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"idAttribute = \"precinct\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"data = Object.assign(new Map(d3.csvParse(await FileAttachment(\"NYCPoliceData4.csv\").text(), ({precinct, Imprisonment_rate_per_100000, shape_area,Census_pop_2010}) => [+precinct, [+Imprisonment_rate_per_100000, (+Census_pop_2010/+shape_area)*1000]])), {title: [\"Imprisonment rate\", \"Population density\"]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"//import the point data (geojson)\npoints = FileAttachment(\"NYCPoliceGeoJSON.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"polygon_features = topojson.feature(polygons, polygons.objects.NYCPolice)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"//import the polygon base map data\npolygons = FileAttachment(\"NYCPolice.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"precincts = topojson.feature(polygons, polygons.objects.NYCPolice)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"simple = require(\"simple-statistics@7.0.7/dist/simple-statistics.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"