2f:Tef5,getData = { return async (hospitalLatLon, secondLatLon) => { let data = await d3.json( "https://raw.githubusercontent.com/johnhaldeman/WindsorCensusMaps/master/src/parsed.json" ); let distanceGroups = []; let currentDisGroup = 0; let features = data.features.map(d => { let newObject = { ...d }; let minLat = undefined; let maxLat = undefined; let minLon = undefined; let maxLon = undefined; for (let coordSet of newObject.geometry.coordinates) { for (let coord of coordSet) { if (coord.length == 2) { if (minLat === undefined) { minLon = coord[0]; maxLon = coord[0]; minLat = coord[1]; maxLat = coord[1]; } if (coord[0] < minLon) { minLon = coord[0]; } if (coord[0] > maxLon) { maxLon = coord[0]; } if (coord[1] < minLat) { minLat = coord[1]; } if (coord[1] > maxLat) { maxLat = coord[1]; } } else { for (let innerSet of coord) { if (minLat === undefined) { minLon = innerSet[0]; maxLon = innerSet[0]; minLat = innerSet[1]; maxLat = innerSet[1]; } if (innerSet[0] < minLon) { minLon = innerSet[0]; } if (innerSet[0] > maxLon) { maxLon = innerSet[0]; } if (innerSet[1] < minLat) { minLat = innerSet[1]; } if (innerSet[1] > maxLat) { maxLat = innerSet[1]; } } } } } newObject.properties.minLon = minLon; newObject.properties.maxLon = maxLon; newObject.properties.minLat = minLat; newObject.properties.maxLat = maxLat; newObject.properties.middle = minLat + (maxLat - minLat) / 2 + "," + (minLon + (maxLon - minLon) / 2); if (distanceGroups[currentDisGroup] === undefined) { distanceGroups[currentDisGroup] = []; } else if (distanceGroups[currentDisGroup].length === 24) { currentDisGroup++; distanceGroups[currentDisGroup] = []; } distanceGroups[currentDisGroup].push( Number.parseFloat(minLon + (maxLon - minLon) / 2).toFixed(4) + "," + Number.parseFloat(minLat + (maxLat - minLat) / 2).toFixed(4) ); return newObject; }); for (let group = 0; group < distanceGroups.length; group++) { let distances = await d3.json( "https://api.mapbox.com/directions-matrix/v1/mapbox/driving/" + hospitalLatLon.join(",") + ";" + distanceGroups[group].join(";") + "?destinations=0&access_token=" + token ); for (let i = 1; i < distances.durations.length; i++) { data.features[group * 24 + (i - 1)].properties.drive_time_hospital = distances.durations[i][0]; } } if (secondLatLon !== undefined) { for (let group = 0; group < distanceGroups.length; group++) { let distances = await d3.json( "https://api.mapbox.com/directions-matrix/v1/mapbox/driving/" + secondLatLon.join(",") + ";" + distanceGroups[group].join(";") + "?destinations=0&access_token=" + token ); for (let i = 1; i < distances.durations.length; i++) { data.features[group * 24 + (i - 1)].properties.diff_drive = distances.durations[i][0] - data.features[group * 24 + (i - 1)].properties.drive_time_hospital; } } } return data; }; }30:[] 2d:{"title":"Windsor Hospital Location Comparisons","cells":[{"id":621,"value":"md`# Windsor Hospital Location Comparisons`","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"md`## County Road 42 Location`","pinned":false,"hidden":false,"mode":"ojs"},{"id":606,"value":"getMap([-82.9284, 42.2705])","pinned":false,"hidden":false,"mode":"ojs"},{"id":580,"value":"getLegend()","pinned":false,"hidden":false,"mode":"ojs"},{"id":584,"value":"md`## Current Met Campus`","pinned":false,"hidden":false,"mode":"ojs"},{"id":598,"value":"getMap([-82.9984, 42.3014])","pinned":false,"hidden":false,"mode":"ojs"},{"id":593,"value":"getLegend()","pinned":false,"hidden":false,"mode":"ojs"},{"id":628,"value":"md`## Current Ouellette Campus`","pinned":false,"hidden":false,"mode":"ojs"},{"id":616,"value":"getMap([-83.030808, 42.308267])","pinned":false,"hidden":false,"mode":"ojs"},{"id":631,"value":"getLegend()","pinned":false,"hidden":false,"mode":"ojs"},{"id":856,"value":"md`## Erie Shores`","pinned":false,"hidden":false,"mode":"ojs"},{"id":861,"value":"getMap([-82.615101, 42.049388])","pinned":false,"hidden":false,"mode":"ojs"},{"id":863,"value":"getLegend()","pinned":false,"hidden":false,"mode":"ojs"},{"id":746,"value":"md`## CR 42 Drive Time Difference Compared to Met`","pinned":false,"hidden":false,"mode":"ojs"},{"id":751,"value":"getMap([-82.9284, 42.2705], [-82.9984, 42.3014])","pinned":false,"hidden":false,"mode":"ojs"},{"id":755,"value":"{\n let format = d => {\n if (d > 0) {\n return \"+\" + d + \" min\";\n }\n if (d < 0) {\n return d + \" min\";\n } else {\n return d + \" min\";\n }\n };\n return legend({\n color: d3.scaleDiverging([16, 0, -16], d3.interpolateRdBu),\n title: \"Change in Drive Time\",\n tickFormat: format\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":744,"value":"md`## CR 42 Drive Time Difference Compared to Ouellette`","pinned":false,"hidden":false,"mode":"ojs"},{"id":642,"value":"getMap([-82.9284, 42.2705], [-83.030808, 42.308267])","pinned":false,"hidden":false,"mode":"ojs"},{"id":669,"value":"{\n let format = d => {\n if (d > 0) {\n return \"+\" + d + \" min\";\n }\n if (d < 0) {\n return d + \" min\";\n } else {\n return d + \" min\";\n }\n };\n return legend({\n color: d3.scaleDiverging([16, 0, -16], d3.interpolateRdBu),\n title: \"Change in Drive Time\",\n tickFormat: format\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"getMap = {\n return (hospLatLon, secondLatLon) => {\n let container = html`

`;\n\n let map = new deck.DeckGL({\n container,\n map: mapboxgl,\n mapboxAccessToken: '',\n mapboxApiAccessToken: token,\n mapStyle: 'mapbox://styles/mapbox/dark-v10',\n layers: [\n getMarkerLayer(hospLatLon, secondLatLon),\n getGeolayer(hospLatLon, secondLatLon)\n ],\n longitude: -82.8606,\n latitude: 42.1874,\n zoom: 9.8,\n minZoom: 5,\n maxZoom: 15,\n pitch: 40.5\n });\n return container;\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":282,"value":"getLegend = () => {\n let tickFormat = d => {\n if (d === \"45\") {\n return \"45 min+\";\n } else {\n return d + \" min\";\n }\n };\n\n return legend({\n color: d3.scaleSequential([0, 45], d3.interpolatePlasma),\n ticks: 6,\n title: \"Driving time to center of census area (Minutes - No Traffic Delay)\",\n tickFormat: tickFormat,\n tickValues: [0, 15, 30, \"45\"]\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"getMarkerLayer = {\n return (hospitalLatLon, secondLatLon) => {\n let data = [{ centroid: hospitalLatLon }];\n if (secondLatLon !== undefined) {\n data = [\n { centroid: hospitalLatLon, color: [255, 65, 65] },\n { centroid: secondLatLon, color: [65, 65, 255] }\n ];\n }\n\n return new deck.ColumnLayer({\n id: 'column-layer',\n data: data,\n diskResolution: 12,\n radius: 100,\n extruded: true,\n pickable: true,\n elevationScale: 5000,\n getPosition: d => d.centroid,\n getColor: d => {\n if (d.color === undefined) {\n return [65, 255, 65];\n } else {\n return d.color;\n }\n },\n getElevation: 50\n });\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"getGeolayer = {\n return (hospitalLatLon, secondLatLon) => {\n let layer = new deck.GeoJsonLayer({\n id: 'geojson',\n data: getData(hospitalLatLon, secondLatLon),\n opacity: 0.9,\n stroked: false,\n filled: true,\n extruded: true,\n wireframe: true,\n getElevation: f => f.properties.density,\n getFillColor: f => {\n if (secondLatLon !== undefined) {\n return colorScale(f.properties.diff_drive, true);\n } else {\n return colorScale(f.properties.drive_time_hospital);\n }\n },\n getLineColor: [100, 100, 100],\n pickable: true,\n onClick: d => {\n console.log(\"Drive Time: \" + d.object.properties.drive_time_hospital);\n console.log(\"Diff Drive: \" + d.object.properties.diff_drive);\n }\n });\n\n return layer;\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"colorScale = {\n return (d, compare) => {\n let func = d3\n .scaleSequential()\n .domain([0, 60 * 45])\n .interpolator(d3.interpolatePlasma);\n if (compare) {\n func = d3\n .scaleDiverging()\n .domain([-16 * 60, 0, 16 * 60])\n .interpolator(d3.interpolateRdBu);\n }\n\n let hexColor = d3.color(func(d)).formatHex();\n return hexToRgb(hexColor);\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":258,"value":"function hexToRgb(hex) {\n var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n return result\n ? [\n parseInt(result[1], 16),\n parseInt(result[2], 16),\n parseInt(result[3], 16)\n ]\n : null;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"token = 'pk.eyJ1Ijoiam9obmhhbGRlbWFuIiwiYSI6ImNrMjIxNnBrdTAxN3Mzb3BmbWFzbnV6OGoifQ.HrfAiASrw9EQetZn13xAPg'","pinned":false,"hidden":false,"mode":"ojs"},{"id":277,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"deck = require.alias({\n // optional dependencies\n h3: {},\n S2: {}\n})('deck.gl@~7.0.1/dist.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"mapboxgl = require('mapbox-gl@^1.4.1/dist/mapbox-gl.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}