2b:null 2c:["$","title",null,{"children":"Community-driven Safety Map | kenbunroku | Observable"}] 31:T623,function renderHexes(map, hexagons) { // Transform the current hexagon map into a GeoJSON object const geojson = geojson2h3.h3SetToFeatureCollection( Object.keys(hexagons), (hex) => ({ h3Index: hex, value: hexagons[hex] }) ); const sourceId = "h3-hexes"; const layerId = `${sourceId}-layer`; let source = map.getSource(sourceId); const colorStyle = { property: "value", stops: [ [0, config.colorScale[0]], [0.5, config.colorScale[1]], [1, config.colorScale[2]] ] }; // Add the source and layer if we haven't created them yet if (!source) { map.addSource(sourceId, { type: "geojson", data: geojson }); map.addLayer({ id: layerId, source: sourceId, type: "fill", paint: { "fill-outline-color": "rgba(255,255,255,1)", "fill-color": colorStyle }, layout: { visibility: "visible" } }); source = map.getSource(sourceId); } // Update the geojson data source.setData(geojson); // Update the layer paint properties, using the current config values map.setPaintProperty(layerId, "fill-color", { property: "value", stops: [ [0, config.colorScale[0]], [0.5, config.colorScale[1]], [1, config.colorScale[2]] ] }); map.setPaintProperty(layerId, "fill-opacity", config.fillOpacity); // Toggle layer visibility if (mode === "Safety Map") { map.setLayoutProperty(layerId, "visibility", "visible"); } else { map.setLayoutProperty(layerId, "visibility", "none"); } }32:T60d,renderRoute = (map, path) => { const sourceId = "route"; let source = map.getSource(sourceId); let layerId = `${sourceId}-layer`; if (!source) { map.addSource(sourceId, { type: "geojson", lineMetrics: true, data: geojson }); map.addLayer({ id: layerId, source: sourceId, type: "line", paint: { "line-width": 5 }, layout: { visibility: "visible", "line-cap": "round", "line-join": "round" } }); source = map.getSource(sourceId); } // Update the geojson data source.setData(geojson); // Update the layer paint properties, using the current config values map.setPaintProperty(layerId, "line-color", [ "interpolate", ["linear"], ["get", "safetyScore"], 0, config.colorScale[0], 0.5, config.colorScale[1], 1, config.colorScale[2] ]); let animation; let i = 0; const animateLine = () => { geojson.features.push(path.features[i]); // Update the geojson data source.setData(geojson); i++; if (geojson.features.length < path.features.length) { // Request the next frame of the animation animation = requestAnimationFrame(animateLine); } }; geojson.features = [ { type: "Feature", geometry: { type: "LineString", coordinates: [[0, 0]] } } ]; if (mode === "Safety Route") { animateLine(); } else if (mode === "Safety Map") { geojson.features = []; source.setData(geojson); } }33:T45e,streets = { if (mode === "Safety Route") { let arr = JSON.parse(JSON.stringify(streetCenterLines)); const buffer = 0.001; const northEnd = Math.max( start.geometry.coordinates[1], end.geometry.coordinates[1] ); const southEnd = Math.min( start.geometry.coordinates[1], end.geometry.coordinates[1] ); arr.features = arr.features.filter( (e) => e.geometry != null // d3.min(e.geometry.coordinates, (c) => c[1]) > southEnd && // d3.max(e.geometry.coordinates, (c) => c[1]) < northEnd ); arr.features.map((d) => { // Identify h3 Indexes from the coordinates of LineString d.properties.h3Cell = d.geometry.coordinates.map((c) => h3.geoToH3(c[1], c[0], 9) ); // Put safety scores according to the h3 indexes d.properties.safetyScore = d.properties.h3Cell.map( (c) => combinedLayers[c] ); d.properties.safetyScore = d3.mean(d.properties.safetyScore); }); arr.features = arr.features.filter( (d) => d.properties.safetyScore > safetyThreshold ); return arr; } }34:T4053,md5 = (d) => { const calc = (d) => { var r = M(V(Y(X(d), 8 * d.length))); return r.toLowerCase(); }; function M(d) { for (var _, m = "0123456789ABCDEF", f = "", r = 0; r < d.length; r++) (_ = d.charCodeAt(r)), (f += m.charAt((_ >>> 4) & 15) + m.charAt(15 & _)); return f; } function X(d) { for (var _ = Array(d.length >> 2), m = 0; m < _.length; m++) _[m] = 0; for (m = 0; m < 8 * d.length; m += 8) _[m >> 5] |= (255 & d.charCodeAt(m / 8)) << m % 32; return _; } function V(d) { for (var _ = "", m = 0; m < 32 * d.length; m += 8) _ += String.fromCharCode((d[m >> 5] >>> m % 32) & 255); return _; } function Y(d, _) { (d[_ >> 5] |= 128 << _ % 32), (d[14 + (((_ + 64) >>> 9) << 4)] = _); for ( var m = 1732584193, f = -271733879, r = -1732584194, i = 271733878, n = 0; n < d.length; n += 16 ) { var h = m, t = f, g = r, e = i; (f = md5_ii( (f = md5_ii( (f = md5_ii( (f = md5_ii( (f = md5_hh( (f = md5_hh( (f = md5_hh( (f = md5_hh( (f = md5_gg( (f = md5_gg( (f = md5_gg( (f = md5_gg( (f = md5_ff( (f = md5_ff( (f = md5_ff( (f = md5_ff( f, (r = md5_ff( r, (i = md5_ff( i, (m = md5_ff( m, f, r, i, d[n + 0], 7, -680876936 )), f, r, d[n + 1], 12, -389564586 )), m, f, d[n + 2], 17, 606105819 )), i, m, d[n + 3], 22, -1044525330 )), (r = md5_ff( r, (i = md5_ff( i, (m = md5_ff( m, f, r, i, d[n + 4], 7, -176418897 )), f, r, d[n + 5], 12, 1200080426 )), m, f, d[n + 6], 17, -1473231341 )), i, m, d[n + 7], 22, -45705983 )), (r = md5_ff( r, (i = md5_ff( i, (m = md5_ff( m, f, r, i, d[n + 8], 7, 1770035416 )), f, r, d[n + 9], 12, -1958414417 )), m, f, d[n + 10], 17, -42063 )), i, m, d[n + 11], 22, -1990404162 )), (r = md5_ff( r, (i = md5_ff( i, (m = md5_ff( m, f, r, i, d[n + 12], 7, 1804603682 )), f, r, d[n + 13], 12, -40341101 )), m, f, d[n + 14], 17, -1502002290 )), i, m, d[n + 15], 22, 1236535329 )), (r = md5_gg( r, (i = md5_gg( i, (m = md5_gg( m, f, r, i, d[n + 1], 5, -165796510 )), f, r, d[n + 6], 9, -1069501632 )), m, f, d[n + 11], 14, 643717713 )), i, m, d[n + 0], 20, -373897302 )), (r = md5_gg( r, (i = md5_gg( i, (m = md5_gg( m, f, r, i, d[n + 5], 5, -701558691 )), f, r, d[n + 10], 9, 38016083 )), m, f, d[n + 15], 14, -660478335 )), i, m, d[n + 4], 20, -405537848 )), (r = md5_gg( r, (i = md5_gg( i, (m = md5_gg(m, f, r, i, d[n + 9], 5, 568446438)), f, r, d[n + 14], 9, -1019803690 )), m, f, d[n + 3], 14, -187363961 )), i, m, d[n + 8], 20, 1163531501 )), (r = md5_gg( r, (i = md5_gg( i, (m = md5_gg(m, f, r, i, d[n + 13], 5, -1444681467)), f, r, d[n + 2], 9, -51403784 )), m, f, d[n + 7], 14, 1735328473 )), i, m, d[n + 12], 20, -1926607734 )), (r = md5_hh( r, (i = md5_hh( i, (m = md5_hh(m, f, r, i, d[n + 5], 4, -378558)), f, r, d[n + 8], 11, -2022574463 )), m, f, d[n + 11], 16, 1839030562 )), i, m, d[n + 14], 23, -35309556 )), (r = md5_hh( r, (i = md5_hh( i, (m = md5_hh(m, f, r, i, d[n + 1], 4, -1530992060)), f, r, d[n + 4], 11, 1272893353 )), m, f, d[n + 7], 16, -155497632 )), i, m, d[n + 10], 23, -1094730640 )), (r = md5_hh( r, (i = md5_hh( i, (m = md5_hh(m, f, r, i, d[n + 13], 4, 681279174)), f, r, d[n + 0], 11, -358537222 )), m, f, d[n + 3], 16, -722521979 )), i, m, d[n + 6], 23, 76029189 )), (r = md5_hh( r, (i = md5_hh( i, (m = md5_hh(m, f, r, i, d[n + 9], 4, -640364487)), f, r, d[n + 12], 11, -421815835 )), m, f, d[n + 15], 16, 530742520 )), i, m, d[n + 2], 23, -995338651 )), (r = md5_ii( r, (i = md5_ii( i, (m = md5_ii(m, f, r, i, d[n + 0], 6, -198630844)), f, r, d[n + 7], 10, 1126891415 )), m, f, d[n + 14], 15, -1416354905 )), i, m, d[n + 5], 21, -57434055 )), (r = md5_ii( r, (i = md5_ii( i, (m = md5_ii(m, f, r, i, d[n + 12], 6, 1700485571)), f, r, d[n + 3], 10, -1894986606 )), m, f, d[n + 10], 15, -1051523 )), i, m, d[n + 1], 21, -2054922799 )), (r = md5_ii( r, (i = md5_ii( i, (m = md5_ii(m, f, r, i, d[n + 8], 6, 1873313359)), f, r, d[n + 15], 10, -30611744 )), m, f, d[n + 6], 15, -1560198380 )), i, m, d[n + 13], 21, 1309151649 )), (r = md5_ii( r, (i = md5_ii( i, (m = md5_ii(m, f, r, i, d[n + 4], 6, -145523070)), f, r, d[n + 11], 10, -1120210379 )), m, f, d[n + 2], 15, 718787259 )), i, m, d[n + 9], 21, -343485551 )), (m = safe_add(m, h)), (f = safe_add(f, t)), (r = safe_add(r, g)), (i = safe_add(i, e)); } return Array(m, f, r, i); } function md5_cmn(d, _, m, f, r, i) { return safe_add(bit_rol(safe_add(safe_add(_, d), safe_add(f, i)), r), m); } function md5_ff(d, _, m, f, r, i, n) { return md5_cmn((_ & m) | (~_ & f), d, _, r, i, n); } function md5_gg(d, _, m, f, r, i, n) { return md5_cmn((_ & f) | (m & ~f), d, _, r, i, n); } function md5_hh(d, _, m, f, r, i, n) { return md5_cmn(_ ^ m ^ f, d, _, r, i, n); } function md5_ii(d, _, m, f, r, i, n) { return md5_cmn(m ^ (_ | ~f), d, _, r, i, n); } function safe_add(d, _) { var m = (65535 & d) + (65535 & _); return (((d >> 16) + (_ >> 16) + (m >> 16)) << 16) | (65535 & m); } function bit_rol(d, _) { return (d << _) | (d >>> (32 - _)); } return calc(d); }35:[{"id":"68e86d0b0f40ebdda68c3572755cd805d26c9f266af15c4c8536a6c830e07a6d0af9bd867ac50afa1106570e2e4026165ad9a610022691fcbaa4b077d916d491","href":"https://static.observableusercontent.com/files/68e86d0b0f40ebdda68c3572755cd805d26c9f266af15c4c8536a6c830e07a6d0af9bd867ac50afa1106570e2e4026165ad9a610022691fcbaa4b077d916d491","name":"CrimesOneYearPriorToPresent@1.csv","type":"text/csv","lastModified":1666656289702.449,"size":42390607},{"id":"28fe39c1634e66d6e340293782babece4adba1a25c1133ebcef0576f6a0a635af5f0d39b7c97ea900404b20aa5cdea0322bc01592af7689eb3c597da38288d17","href":"https://static.observableusercontent.com/files/28fe39c1634e66d6e340293782babece4adba1a25c1133ebcef0576f6a0a635af5f0d39b7c97ea900404b20aa5cdea0322bc01592af7689eb3c597da38288d17","name":"Boundaries - City.geojson","type":"application/geo+json","lastModified":1659731543010.341,"size":497406},{"id":"fd883bc28c16eeb6d6afccdc2520d8e52190a42b670c98de10faa56b6f76c7f91e2ecc6796a3a8e0c624e4839e2a9e374c20203f580520f582ab71cfa9a90d07","href":"https://static.observableusercontent.com/files/fd883bc28c16eeb6d6afccdc2520d8e52190a42b670c98de10faa56b6f76c7f91e2ecc6796a3a8e0c624e4839e2a9e374c20203f580520f582ab71cfa9a90d07","name":"Street Center Lines(3).json","type":"application/json","lastModified":1660603293210.621,"size":26462935}] 2f:{"id":"b7a9fcbb7413aa2b","slug":null,"title":"Community-driven Safety Map","thumbnail":"0282c878719d9a8f977aad192ad251a5ebcc407b86313bf509d836e2e1d81c05","access_level":"unlisted","create_time":"$D2022-08-05T13:56:41.415Z","update_time":"$D2024-03-27T00:50:17.298Z","view_time":null,"first_public_time":"$D2022-10-25T11:24:54.626Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6bd07d5d45d1a90f","login":"kenbunroku","name":"kenbunroku","avatar_url":"https://avatars-next.observableusercontent.com/30e8f4673e24d3895b8cc541f0f71438fc9bfc17e08aff6feb0e6ff342671d34","tier":"starter_2024"},"version":2779,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6b836af60ca8e040","login":"kenbunroku","name":"kenbunroku","avatar_url":"https://avatars-next.observableusercontent.com/30e8f4673e24d3895b8cc541f0f71438fc9bfc17e08aff6feb0e6ff342671d34","tier":null}],"members":[{"type":"individual","id":"6b836af60ca8e040","login":"kenbunroku","name":"kenbunroku","avatar_url":"https://avatars-next.observableusercontent.com/30e8f4673e24d3895b8cc541f0f71438fc9bfc17e08aff6feb0e6ff342671d34","tier":null,"role":"editor"},{"type":"individual","id":"90c59c5f3ef39e0a","login":"zachpino","name":"Zach Pino","avatar_url":"https://avatars-next.observableusercontent.com/f70bf2a8b5c385b3d78c000b2635e8f37388d805fbc2986968496928347bc0e1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Community-driven Safety Map","cells":[{"id":0,"value":"# Community-driven Safety Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1788,"value":"viewof scheme = Inputs.select(\n new Map([\n [\"Viridis - sequential\", d3.interpolateViridis],\n [\"Plasma - sequential\", d3.interpolatePlasma],\n [\"Greens - single hue sequential\", d3.interpolateGreens],\n [\"RdBu - diverging\", d3.interpolateRdBu],\n [\"BrBG - diverging brown / green\", d3.interpolateBrBG],\n [\"Turbo - many-hued sequntial\", d3.interpolateTurbo],\n [\"Inferno - sequential\", d3.interpolateInferno]\n ]),\n {\n label: \"Select a color scheme\",\n value: d3.interpolateTurbo\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1945,"value":"Legend(d3.scaleSequential([0, 1], scheme), {\n title: \"Safety Index (1.0 is the safest)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"mapContainer = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2647,"value":"viewof mode = Inputs.radio([\"Safety Map\", \"Safety Route\"], {\n value: \"Safety Map\",\n label: \"Choose a mode\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2726,"value":"### Map Setting","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":69,"value":"viewof crimeWeight = Inputs.range([-1, 1], {\n value: -1,\n step: 0.1,\n label: \"Crime Weight\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"viewof publicHealthWeight = Inputs.range([-1, 1], {\n value: 1,\n step: 0.1,\n label: \"Public Health Weight\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"viewof policeStationWeight = Inputs.range([-1, 1], {\n value: 1,\n step: 0.1,\n label: \"Police Station Weight\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"viewof streetLightWeight = Inputs.range([-1, 1], {\n value: 1,\n step: 0.1,\n label: \"Street Light Weight\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2062,"value":"viewof peerReportWeight = Inputs.range([-1, 1], {\n value: 1,\n step: 0.1,\n label: \"Peer Safety Report Weight\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2728,"value":"### Route Setting","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2732,"value":"viewof departureQuery = Inputs.text({\n label: \"Departure Point\",\n value: \"Millennium Park\",\n placeholder: \"Where are you going?\",\n submit: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":624,"value":"viewof destinationQuery = Inputs.text({\n label: \"Destination\",\n value: \"kaplan institute\",\n placeholder: \"Where are you going?\",\n submit: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"viewof safetyThreshold = Inputs.range([0, 1], {\n value: 0.2,\n step: 0.01,\n label: \"Safety Threshold\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2464,"value":"viewof shortestPathWeight = Inputs.range([-1, 1], {\n label: \"Shortest Path Weight\",\n value: 1,\n step: 0.1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2468,"value":"viewof safestPathWeight = Inputs.range([-1, 1], {\n label: \"Safest Path Weight\",\n value: 1,\n step: 0.1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1970,"value":"## Coordinates Submission","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1972,"value":"url = \"https://docs.google.com/spreadsheets/d/1NePucs8ajnEE1CRxJV8TmYX4p2vb7JYvSOgp3CyGCBU/\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1975,"value":"gid = 384770719","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1978,"value":"frequency = 2000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1981,"value":"readData = {\n if (mode === \"Safety Map\") {\n while (true) {\n await Promises.delay(frequency);\n\n const data = await d3.csv(\n `${url}export?gid=${gid}&format=csv`,\n d3.autoType\n );\n delete data.columns;\n yield data.filter((d) => d.Hash);\n }\n } else {\n const data = await d3.csv(\n `${url}export?gid=${gid}&format=csv`,\n d3.autoType\n );\n delete data.columns;\n yield data.filter((d) => d.Hash);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2028,"value":"Inputs.table(readData)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1990,"value":"viewof submit = Inputs.toggle({ label: \"Submit on Map Change\", value: 1 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"## Data Layers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1817,"value":"hexagons = geojson2h3.featureToH3Set(boundariesCity.features[0], 9)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"allLayers = {\n const layer = {};\n hexagons.map((i) => (layer[i] = 0.5));\n\n return layer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"crimeLayer = {\n const layer = {};\n\n crimes.map((crime) => {\n layer[crime.h3Index] = (layer[crime.h3Index] || 0) + 1;\n });\n return normalizeLayer(layer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"publicHealthLayer = normalizeLayer(\n bufferPointsLinear(publicHealthClinics.features, kmToRadius(0.5))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"policeStationLayer = normalizeLayer(\n bufferPointsLinear(policeStations.features, kmToRadius(0.5))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"streetLightLayer = {\n const layer = {};\n\n streetLights.features.map((feature) => {\n layer[feature.properties.h3Index] =\n (layer[feature.properties.h3Index] || 0) + 1;\n });\n return normalizeLayer(layer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2053,"value":"peerReportLayer = {\n const layer = {};\n readData.map((d) => {\n const h3Index = h3.geoToH3(d.Latitude, d.Longitude, 9);\n\n layer[h3Index] = (layer[h3Index] || 0) + 1;\n });\n return normalizeLayer(layer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"## Map Rendering","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":27,"value":"map = {\n let map = this;\n\n if (!map) {\n map = new mapboxgl.Map({\n container: mapContainer,\n center: [config.lng, config.lat],\n zoom: config.zoom,\n style: \"mapbox://styles/mapbox/light-v10\",\n dragRotate: false\n });\n }\n\n // Wait until the map loads, then yield the container again.\n yield new Promise((resolve) => {\n if (map.loaded()) resolve(map);\n else\n map.on(\"load\", () => {\n resolve(map);\n mode === \"Safety Map\" &&\n map.on(\"click\", (e) => {\n submitCoordinates(e);\n });\n });\n });\n\n renderHexes(map, combinedLayers);\n\n renderRoute(map, path);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1296,"value":"geolocate = new mapboxgl.GeolocateControl({\n positionOptions: {\n enableHighAccuracy: true\n },\n // When active the map will receive updates to the device's location as it changes.\n trackUserLocation: true,\n // Draw an arrow next to the location dot to indicate which direction the device is heading.\n showUserHeading: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1721,"value":"geojson = {\n const geojson = {\n type: \"FeatureCollection\",\n features: [\n {\n type: \"Feature\",\n geometry: {\n type: \"LineString\",\n coordinates: [[0, 0]]\n }\n }\n ]\n };\n return geojson;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1450,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2352,"value":"{\n const mapInstance = map;\n\n const popup = new mapboxgl.Popup({\n closeButton: false,\n closeOnClick: false\n });\n\n mapInstance.on(\"mouseenter\", \"h3-hexes-layer\", function () {\n mapInstance.getCanvas().style.cursor = \"pointer\";\n popup.addTo(mapInstance);\n });\n\n mapInstance.on(\"mousemove\", \"h3-hexes-layer\", function (e) {\n const feature = e.features[0];\n const { value, h3Index } = feature.properties;\n const [lat, lng] = h3.h3ToGeo(h3Index);\n\n popup.setLngLat([lng, lat]).setHTML(`Safety Index: ${value.toFixed(2)}`);\n });\n\n mapInstance.on(\"mouseleave\", \"h3-hexes-layer\", function () {\n mapInstance.getCanvas().style.cursor = \"\";\n popup.remove();\n });\n\n return md`*{hover popup logic}*`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"## Combining Layers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"mapLayers = [\n { hexagons: allLayers, weight: 1 },\n { hexagons: publicHealthLayer, weight: publicHealthWeight },\n { hexagons: policeStationLayer, weight: policeStationWeight },\n { hexagons: streetLightLayer, weight: streetLightWeight },\n { hexagons: peerReportLayer, weight: peerReportWeight },\n // Crime is bad, so we'll subtract it instead of adding\n { hexagons: crimeLayer, weight: crimeWeight }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"combinedLayers = {\n const combined = {};\n mapLayers.forEach(({ hexagons, weight }) => {\n Object.keys(hexagons).forEach((hex) => {\n combined[hex] = (combined[hex] || 0) + hexagons[hex] * weight;\n });\n });\n return normalizeLayer(combined);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"filteredLayers = {\n const array = Object.entries(combinedLayers);\n const filtered = array.filter((d) => d[1] > safetyThreshold);\n const object = Object.fromEntries(filtered);\n return object;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1412,"value":"## Routing","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1416,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":736,"value":"pathFinder = {\n if (mode === \"Safety Route\")\n return new PathFinder(streets, {\n weightFn: function (a, b, props) {\n const dx = a[0] - b[0];\n const dy = a[1] - b[1];\n return (\n Math.sqrt(dx * dx + dy * dy) * shortestPathWeight +\n props.safetyScore * safestPathWeight\n );\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":784,"value":"start = {\n return turf.nearestPoint(\n turf.point(departureCoordinates),\n turf.explode(streetCenterLines)\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":787,"value":"end = turf.nearestPoint(\n turf.point(destinationCoordinates),\n turf.explode(streetCenterLines)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"path = {\n let path;\n let arr;\n if (mode === \"Safety Route\") {\n path = pathFinder.findPath(start, end);\n path = turf.lineString(path.path);\n path = turf.lineSegment(path);\n\n arr = JSON.parse(JSON.stringify(path));\n\n // Identify h3 Indexes from the coordinates of LineString\n arr.features.map((d) => {\n d.properties.h3Cell = d.geometry.coordinates.map((c) =>\n h3.geoToH3(c[1], c[0], 9)\n );\n });\n\n // Put safety scores according to the h3 indexes\n arr.features.map((d) => {\n d.properties.safetyScore = d.properties.h3Cell.map(\n (c) => combinedLayers[c]\n );\n d.properties.safetyScore = d3.mean(d.properties.safetyScore);\n });\n }\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2741,"value":"departureCoordinates = fetch(\n `https://api.tiles.mapbox.com/geocoding/v5/mapbox.places/${encodeURIComponent(\n departureQuery\n )}.json?access_token=${mapboxgl.accessToken}`\n)\n .then((response) => response.json())\n .then((geocoding) => geocoding.features[0].center)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"destinationCoordinates = fetch(\n `https://api.tiles.mapbox.com/geocoding/v5/mapbox.places/${encodeURIComponent(\n destinationQuery\n )}.json?access_token=${mapboxgl.accessToken}`\n)\n .then((response) => response.json())\n .then((geocoding) => geocoding.features[0].center)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"## Utilities","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":51,"value":"// Transform a kilometer measurement to a k-ring radius\nfunction kmToRadius(km) {\n return Math.floor(km / h3.edgeLength(9, h3.UNITS.km));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"function bufferPointsLinear(geojson, radius) {\n const layer = {};\n geojson.forEach((obj) => {\n const [lng, lat] = [\n obj.geometry.coordinates[0],\n obj.geometry.coordinates[1]\n ];\n const stationIndex = h3.geoToH3(lat, lng, 9);\n // add surrounding multiple surrounding rings, with less weight in each\n const rings = h3.kRingDistances(stationIndex, radius);\n const step = 1 / (radius + 1);\n rings.forEach((ring, distance) => {\n ring.forEach((h3Index) => {\n layer[h3Index] = (layer[h3Index] || 0) + 1 - distance * step;\n });\n });\n });\n return normalizeLayer(layer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"function normalizeLayer(layer, baseAtZero = false) {\n const hexagons = Object.keys(layer);\n // Pass one, get max\n const max = hexagons.reduce(\n (max, hex) => Math.max(max, layer[hex]),\n -Infinity\n );\n const min = baseAtZero\n ? hexagons.reduce((min, hex) => Math.min(min, layer[hex]), Infinity)\n : 0;\n // Pass two, normalize\n hexagons.forEach((hex) => {\n layer[hex] = (layer[hex] - min) / (max - min);\n });\n return layer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2400,"value":"submitCoordinates = (e) => {\n e.preventDefault();\n const input = [e.lngLat.lng, e.lngLat.lat];\n\n const formUrl =\n \"https://community-driven-map.herokuapp.com/https://docs.google.com/forms/d/e/1FAIpQLSevxkmcpBU3y45rvxDx5UpQV1HtyGGgV7WqxLoFOIXzTU4QaA/formResponse\";\n\n var data =\n \"entry.1872738748=\" +\n md5(input[0] + \"-\" + input[1]) +\n \"&entry.948504390=\" +\n input[0] +\n \"&entry.991729326=\" +\n input[1];\n\n if (submit) {\n d3.text(formUrl, {\n body: data,\n headers: {\n \"content-type\": \"application/x-www-form-urlencoded; charset=UTF-8\"\n },\n method: \"POST\",\n mode: \"cors\"\n });\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"## Config","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"config = ({\n lng: -87.632818,\n lat: 41.887226,\n zoom: 11,\n fillOpacity: 0.6,\n colorScale: d3.range(3).map((d) => scheme(d / 3))\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"height = 844","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1800,"value":"crimesOneYearPriorToPresent = FileAttachment(\n \"CrimesOneYearPriorToPresent@1.csv\"\n).csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":418,"value":"crimes = {\n let crimes = crimesOneYearPriorToPresent.filter(\n (d) => d.LATITUDE !== \"\" || d.LONGITUDE !== \"\"\n );\n crimes.map(\n (crime) =>\n (crime.h3Index = h3.geoToH3(\n parseFloat(crime[\"LATITUDE\"]),\n parseFloat(crime[\"LONGITUDE\"]),\n 9\n ))\n );\n\n return crimes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"publicHealthClinics = fetch(\n \"https://data.cityofchicago.org/resource/kcki-hnch.geojson\"\n).then((res) => res.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"policeStations = fetch(\n \"https://data.cityofchicago.org/resource/z8bn-74gv.geojson\"\n).then((res) => res.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"streetLights = {\n const fetchData = async () => {\n const response = await fetch(\n \"https://data.cityofchicago.org/resource/3aav-uy2v.geojson?status=Completed&$where=completion_date%20%3E%20%272016-01-01T00:00:00.000%27&$limit=70000\"\n );\n\n const data = response.json();\n return data;\n };\n let data = await fetchData();\n data.features = data.features.filter((d) => d.geometry);\n data.features.map(\n (e) =>\n (e.properties = {\n ...e.properties,\n h3Index: h3.geoToH3(\n e.geometry.coordinates[1],\n e.geometry.coordinates[0],\n 9\n )\n })\n );\n\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"boundariesCity = FileAttachment(\"Boundaries - City.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1142,"value":"streetCenterLines = await FileAttachment(\"Street Center Lines(3).json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"## Dependencies","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"mapboxgl = {\n let mapboxgl = await require(\"mapbox-gl@2.9.2/dist/mapbox-gl.js\");\n mapboxgl.accessToken =\n \"pk.eyJ1Ijoia2VuYnVucm9rdTQyNSIsImEiOiJjbDBmaGduazEwb2gzM2pucmJqMjlnY3BtIn0.ASCIEOOK9FAxXg0axqpj5A\";\n\n const href = await require.resolve(\"mapbox-gl@2.8.2/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n return mapboxgl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"h3 = require(\"https://bundle.run/h3-js@3.1.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"geojson2h3 = require(\"https://bundle.run/geojson2h3@1.0.1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":643,"value":"PathFinder = require(\"https://bundle.run/geojson-path-finder@1.5.3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":649,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1983,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1792,"value":"import { Legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"