32:T766,map = { let h = (width<600) ? width + 200: width * 0.75, z = (width<600) ? 6.5 : 7, container = DOM.element('div', { style: `width:${width}px;height:${h}px` }); yield container; let map = L.map(container).setView([42.1, -71.8], 9); // initializes the map, sets zoom & coordinates let osmLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); //create an empty geojson layer //with a style and a popup on click let tractsOverlay = L.geoJson(tracts, { style: function(feature) { let blackPop = feature.properties.B02001003, totPop = feature.properties.B02001001, blackPct = (blackPop/totPop).toFixed(2), c = (blackPct>0.1) ? colorRamp(blackPct) : '#fff', o = (blackPct>0.1) ? 0.8 : 0; return { color : c, stroke: '#999', opacity: 1, weight: 0.5, fillOpacity: o } }, onEachFeature: function(feature, layer) { let blackPop = feature.properties.B02001003, totPop = feature.properties.B02001001, blackPct = (blackPop/totPop * 100).toFixed(2); layer.bindPopup('

'+feature.properties.name+'

Black population: '+blackPop+'
Total population: ' + totPop + '

') } }).addTo(map); var geojsonMarkerOptions = { radius: 5, fillColor: "#ff7800", color: "#000", weight: 1, opacity: 1, fillOpacity: 0.25 }; let crashOverlay = L.geoJson(crashGeo, { pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, geojsonMarkerOptions); } }).addTo(map); let legend = L.control({position: 'bottomleft'}) legend.onAdd = function (map) {var div = L.DomUtil.create('div', 'legend'); return l}; legend.addTo(map); }33:[{"id":"94318ed3cde4a6938c337dff73f063e54501d474b34252d9d42169a66123a00535fa4de98e9d1c55bde0b6bd40b365ecceadc01a70e9627092076fdf2ce9841a","href":"https://static.observableusercontent.com/files/94318ed3cde4a6938c337dff73f063e54501d474b34252d9d42169a66123a00535fa4de98e9d1c55bde0b6bd40b365ecceadc01a70e9627092076fdf2ce9841a","name":"acs2019_5yr_B02001_14000US25021415101@1.geojson","type":"application/geo+json","lastModified":1610466796651.561,"size":12191729},{"id":"c160fba0b86baec95935b843e4652ac9fd3c38259139a7d99425956df3c269ad27b5727c62dc8b088c5e50f830890b59c05a1f14369bf8e82c18886bc242e508","href":"https://static.observableusercontent.com/files/c160fba0b86baec95935b843e4652ac9fd3c38259139a7d99425956df3c269ad27b5727c62dc8b088c5e50f830890b59c05a1f14369bf8e82c18886bc242e508","name":"MassFatalCrashes.csv","type":"text/csv","lastModified":1610467679081.258,"size":52416}] 30:{"title":"Bike/ped fatalities and race in Massachusetts","cells":[{"id":283,"value":"md`# Bike/ped fatalities and race in Massachusetts \n##### By Christian MilNeil for [StreetsblogMASS](https://mass.streetsblog.org)\n\n\nThe Commonwealth's [crash record database](https://apps.impact.dot.state.ma.us/cdp/home) includes 210 fatal crashes involving a bike or pedestrian between 2018 and the end of 2020 (note: these data are based on police reports and may be incomplete). \n\nThe locations of those crashes are mapped below, in orange dots, alongside Census tract-level race data for the state.\n\nRead our report on these patterns on [mass.streetsblog.org](https://mass.streetsblog.org/2021/01/12/data-confirm-that-more-fatal-crashes-happen-in-commonwealths-black-neighborhoods/).`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"L = require('leaflet@1.2.0')","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"topojson = require(\"topojson-client@3\")\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":302,"value":"crashGeo = { \n let a = new Object;\n a.type = \"FeatureCollection\";\n a.features = crashArray;\n yield a;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":294,"value":"crashArray = crashes.map( d => {\n let o = new Object;\n o.type = \"Feature\";\n o.properties = d;\n o.geometry = {\"type\":\"Point\", \"coordinates\": [+d.lon,+d.lat]};\n return o;\n });","pinned":true,"hidden":false,"mode":"ojs"},{"id":288,"value":"crashes = FileAttachment(\"MassFatalCrashes.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":259,"value":"tracts = FileAttachment(\"acs2019_5yr_B02001_14000US25021415101@1.geojson\").json();","pinned":true,"hidden":false,"mode":"ojs"},{"id":106,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":111,"value":"colorRamp = d3.scaleLinear()\n .domain([0.08, 0.50])\n .range([ \"#fff\", \"blue\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"l = legend({\n color: colorRamp,\n title: \"% Black population by Census tract\", \n tickFormat: d => (d*100)+\"%\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":95,"value":"d3 = require('d3@5.0')\n","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}