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

2b:null 2c:["$","title",null,{"children":"Will's New Bivarate Choropleth Map | Caglar Koylu | Observable"}] 31: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(); }32: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]} `; }33:[{"id":"63075c080717095e4ca400cbde45ea1aaf724ac218d4b4642b06a23e27a6f915fe282139158e006d66354c8d06f74045de854a87cd9cd29eeedcc2bf3d8873b2","href":"https://static.observableusercontent.com/files/63075c080717095e4ca400cbde45ea1aaf724ac218d4b4642b06a23e27a6f915fe282139158e006d66354c8d06f74045de854a87cd9cd29eeedcc2bf3d8873b2","name":"NYCPoliceData4.csv","type":"text/csv","lastModified":1621085340121.139,"size":4550},{"id":"564004fa03a87c801d88491cf31b812970b9a1ea97b91632233205bfb8b5b0e1dc0a0b614bb2c2c7ddc8418baa8982659033b67f8d04414e9eafb3eed1c3069e","href":"https://static.observableusercontent.com/files/564004fa03a87c801d88491cf31b812970b9a1ea97b91632233205bfb8b5b0e1dc0a0b614bb2c2c7ddc8418baa8982659033b67f8d04414e9eafb3eed1c3069e","name":"NYCPoliceGeoJSON.geojson","type":"application/geo+json","lastModified":1621085340121.139,"size":343705},{"id":"8a6147274c4860b11b13829d2e6b9d39d0ef8396e110690a46f4eaf88715a83e26ddbf3b9e3e9b9ea69be0a37b32c70cef009a30e85cf9ba24a119b65c2ada19","href":"https://static.observableusercontent.com/files/8a6147274c4860b11b13829d2e6b9d39d0ef8396e110690a46f4eaf88715a83e26ddbf3b9e3e9b9ea69be0a37b32c70cef009a30e85cf9ba24a119b65c2ada19","name":"NYCPolice.json","type":"application/json","lastModified":1621085340121.139,"size":90488}] 2f:{"id":"abe6464000cfc299","slug":null,"title":"Will's New Bivarate Choropleth Map","thumbnail":"c5ef98a9125f6ea720254267ae018368b8e9a6b8a841722e3ec8136461ff6c95","access_level":"public","create_time":"$D2021-05-15T13:29:00.121Z","update_time":"$D2021-05-15T13:29:00.121Z","view_time":null,"first_public_time":"$D2024-10-07T16:51:25.198Z","has_unpublished_edits":null,"fork":{"id":"5458ab6178f4175c","slug":"wills-new-bivarate-choropleth-map","title":"Will's New Bivarate Choropleth Map","owner":{"id":"58b89f298e17d8d9","login":"coopwr","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"1522f7962f5f1185","login":"caglarkoylu","name":"Caglar Koylu","avatar_url":"https://avatars-next.observableusercontent.com/94b0c40bf8a6b04057088ea171864451b3e3b27b7346d866d2a7be21d077be76","tier":"starter_2024"},"version":507,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"60e9af384dfce94c","login":"caglarkoylu","name":"Caglar Koylu","avatar_url":"https://avatars-next.observableusercontent.com/94b0c40bf8a6b04057088ea171864451b3e3b27b7346d866d2a7be21d077be76","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":"team","id":"1522f7962f5f1185","login":"caglarkoylu","name":"Caglar Koylu","avatar_url":"https://avatars-next.observableusercontent.com/94b0c40bf8a6b04057088ea171864451b3e3b27b7346d866d2a7be21d077be76","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"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","output":"$undefined","database":"$undefined"},{"id":120,"value":"height = 610","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"width =610","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":389,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","output":"$undefined","database":"$undefined"},{"id":385,"value":"labels = [\"low\", \"\", \"high\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","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","output":"$undefined","database":"$undefined"},{"id":112,"value":"path = d3.geoPath().projection(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","output":"$undefined","database":"$undefined"},{"id":367,"value":"formatNum = d3.format(\".1f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":104,"value":"radius(50000000)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"d3.max([...data.values()])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"radius(287)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":95,"value":"data.get(\"5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"idAttribute = \"precinct\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","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","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","output":"$undefined","database":"$undefined"},{"id":363,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","output":"$undefined","database":"$undefined"},{"id":7,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"