2c:null 2d:["$","title",null,{"children":"Community Resilience: Making It About People | Tom Logan | Observable"}] 32:Tfd0,viewof mapL = { // Method for yielding DOM in Observable let container = DOM.element('div', { style: `width:${width}px;height:${height}px` }); yield container; // Choose baseMap and create Leaflet map object const baseMap = L.tileLayer(m.ESRI_topo[0], m.ESRI_topo[1]) let map = L.map(container).setView([34.21039456759034, -77.88734752379372], 11); baseMap.addTo(map); // Styling for geojson layers, colors SF buildings based on height const blockStyle = (feature) => { const col = color(distance_map.get(feature.id)); // const col = function(feature) { // if (feature.distance > 5) {return '#000'} // else { return "#FC814A" }; // }; let opac; if(isEmpty(dist)){ opac=0.9} else { if (distance_map.get(feature.id) >= d_selection[0] && distance_map.get(feature.id) <= d_selection[1]) {opac=0.9} else {opac=0.1} }; return { fillColor: col, weight: 0, fillOpacity: opac}; }; // Highlight features on mouseOver const highlightFeature = (e) => { const layer = e.target; layer.setStyle({ weight: 1, color: '#000', dashArray: '', fillOpacity: 0.6 }); layer.bringToFront(); info.update(layer.feature.id); } // Un-highlight with mouseOut const resetHighlight = (e) => { areas.resetStyle(e.target); info.update(); e.target.closePopup(); } // Bind popups to each feature function bPop (feature,layer) { layer .bindPopup(`geoid10: ${feature.id}
${amenity}: ${parseFloat(distance_map.get(feature.id)).toFixed(1)}km`) // .bindPopup(`

geoid10: ${feature.id}

// ${amenity}: ${distance_map.get(feature.id)}`) .on({ mouseover: highlightFeature, mouseout: resetHighlight})}; // Generates the info div box in the upper right hand corner const blockInfo = (feature) => { const fid = feature.id; const distance = distance_map.get(feature.id); return { id: fid, distance: distance}; }; let info = L.control(); info.onAdd = function (map) { this._div = L.DomUtil.create('div', 'info'); // create a div with a class "info" this.update(); return this._div; }; // method that we will use to update the control based on feature properties passed info.update = function (fid) { this._div.innerHTML = `

Distance to
nearest ${amenity}:

` + `

City average (km): ${average_distance}

` + (fid ? `

Neighbourhood (km): ${parseFloat(distance_map.get(fid)).toFixed(1)}

` : '

Neighbourhood: Hover mouse

')}; info.addTo(map); // legend let legend = L.control({position: 'bottomright'}); legend.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend'); div.innerHTML += `

${amenity}:

` div.innerHTML += '

open

' div.innerHTML += '

closed

' // const categories = [`open`,`closed`]; // const cat_colors = ['#000', '#FC814A']; // for (var i = 0; i < categories.length; i++) { // div.innerHTML += // ' ' + // (categories[i] ? categories[i] + '
' : '+') // ; // } return div; }; legend.addTo(map); // Add SF Buildings GeoJSON layer and add to map // let areas = L.geoJSON(wilmington, { style: blockStyle, onEachFeature: bPop}).addTo(map); let areas = L.geoJSON(topojson.feature(topology,topology.objects.block), { style: blockStyle, onEachFeature: bPop}).addTo(map); // Add destinations to map function addMarkers(map) { destination_filtered.forEach(function(d) { const col = function(operational) { if (operational) {return '#000'} else { return "#ff5050" }; }; L .circleMarker([d.lat,d.lon]) .setStyle({radius: 4, fillColor: col(d.operational), color: '#ddd', weight: 0.25, fillOpacity: 1}) .addTo(map); })}; addMarkers(map) }33:Tb32,viewof distCharts = { const distBrush = vl.selectInterval().encodings("x"); // hover const hover = vl.selectSingle("hover") .on("mouseover") .encodings("x") .nearest(true) .clear("moouseout") .init({ x: { distance: 5 } }); // rule and ecdf const cdf_filter = vl.layer( vl.markLine({clip: true}), vl.markPoint() .transform(vl.filter(hover)) ) const rule = vl.markRule({ strokeWidth: 0.5, tooltip: true }) .transform(vl.value("pop_perc_cum")) .encode( vl.opacity().value(0).if(hover, vl.value(0.7)), vl.tooltip([ {"field": "pop_perc_cum", "type": "quantitative", "format": ".2f", "title": "% Residents"}, {"field": "distance", "type": "quantitative", "format": ".2f", "title": "Distance (km)"}, // {"field": "pop_perc_cum", "type": "quantitative", "format": ".2f"} ]) // vl.text({"type": "quantitative", "format": ".2f","field": "pop_perc_cum",}) ) .select(hover); const cdf_hover = vl.layer(cdf_filter, rule) .data(histogram_data_filtered) .encode( vl.x().fieldQ('distance'), vl.y().fieldQ('pop_perc_cum'), ) // Create the figures const hist = vl.markBar({width:19}) .data(histogram_data_filtered) .encode( vl.x().fieldQ('distance'), vl.y().fieldQ('pop_perc') ) .width(400) .height(180); const cdf_base = vl.markLine({color: "grey", size: 1, strokeDash: [5,5], interpolate: "natural"}) .data(histogram_data_base) .select(distBrush) .encode( vl.x().fieldQ('distance'), vl.y().fieldQ('pop_perc_cum') ) const distribution = vl.layer(cdf_hover, hist,cdf_base) .view({stroke:0}) .encode( vl.x().title(`Distance to ${amenity} (km)`).axis({grid:false}).scale({domain:[0,20]}), vl.y().scale({domain:[0,100]}).title(`% Residents`).axis({grid:false}) ) // recovery curve const recovery_base = vl.markLine({color: "grey", size: 1, strokeDash: [5,5], interpolate: "step-before"}) .data(recovery_filtered) .encode( vl.x().fieldT('time_stamp'), vl.y().fieldQ('average') ) .width(400) .height(180); const recovery_now = vl.markLine({size: 3, interpolate: "step-before"}) .data(recovery_filtered_day) .encode( vl.x().fieldT('time_stamp'), vl.y().fieldQ('average') ) const recovery = vl.layer(recovery_now, recovery_base) .view({stroke:0}) .encode( vl.x().title(`September 2018`).axis({grid:false}), vl.y().title(`Average distance (km)`).axis({grid:false}).sort("descending") ) // const temp = base.encode(vl.y().average('temp_max')); // const precip = base.encode(vl.y().average('precipitation')); // const wind = base.encode(vl.y().average('wind')); return vl.hconcat(distribution, recovery).render(); }34:Ta75,furtherinfo = md`## Everyday services The geography literature tells us that community cohesion, the generation of social capital, and community sustainability is fostered by access to opportunities and resources: specifically equitable access to those opportunities (Dempsey, 2011). These everyday amenities include water, power, sanitation, and communications, but communities also require access to food, education, and health care (Winter, 1997). (While access includes dimensions of availability, acceptability, afforability, adequacy, and awareness (Penchasky 1981; Saurman 2016), we begin by considering proximity.) ## Community capacity Common to the many definitions of resilience is community capacity to anticipate, prepare, absorb, adapt, and transform. To develop these capacities, a community needs cohesion and social capital. It is therefore necessary to ensure there is equitable access to essential services. We have seen that communities without access to everyday services will simply collapse (Contreras, 2017). That is, a community without resources and the trust that arises from equitable opportunities, will struggle to develop the capacities identified as providing the foundation of resilience. ## Functionality Resilience in terms of access not only supports the capacity for resilience prior to a disruption, but supports decision making during a disaster. At these times the focus of resilience shifts from the lens of capacity to that of functionality and impact. Understanding how people's access has changed can enable emergency managers to quickly restore the access that was lost and provide temporary access to those in-need. ## Outcome-centric This thinking of resilience is outcome-based. Where infrastructure has been the focus because of traditional engineering resilience approaches (due to its critical importance in supporting everyday services) we focus on the outcomes for communities. For instance we can explore interventions that can improve the resilience of communities, such as decentralization or infrastructure independence (e.g., solar panels or generators). ## Spatial dimension Finally, this conceptualization is spatially explicit, so resilience-enhancing decisions can be integrated into land-use planning and hazard exposure mapping. ## Applicable throughout the hazard cycle Thinking about resilience in this way can be used to support decision-making throughout the hazard cycle. * Preparation and transformation phases: Improve equitable access to provide the conditions for community capacity to develop * Emergency and rehabilitation phases: Quickly restore the services that communities need to function.` 35:Tc56,m = { const maps = { 'POS':['https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',{ attribution: '© OpenStreetMap contributors © CARTO',subdomains: 'abcd',maxZoom: 19}], 'OSM':['https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{ attribution: '© OpenStreetMap contributors'}], 'SMO':['https://tiles.stadiamaps.com/tiles/alidade_smooth/{z}/{x}/{y}{r}.png',{ maxZoom: 20, attribution: '© Stadia Maps, © OpenMapTiles © OpenStreetMap contributors'}], 'MOB':['https://tile.thunderforest.com/mobile-atlas/{z}/{x}/{y}.png?apikey=fd0a294ce65c4a7fa0cf857cec97c13c', { attribution: '© Thunderforest, © OpenStreetMap contributors',maxZoom: 22 }], 'TON':['https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.{ext}',{ attribution: 'Map tiles by Stamen Design, CC BY 3.0 — Map data © OpenStreetMap contributors',subdomains: 'abcd',minZoom: 0,maxZoom: 20,ext: 'png'}], 'TER':['https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}{r}.{ext}', { attribution: 'Map tiles by Stamen Design, CC BY 3.0 — Map data © OpenStreetMap contributors',subdomains: 'abcd',minZoom: 0,maxZoom: 18,ext: 'png'}], 'DRK':['https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', { attribution: '© OpenStreetMap contributors © CARTO',subdomains: 'abcd',maxZoom: 19}], 'Carto_dark':['https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', { attribution: '© OpenStreetMap contributors © CARTO', subdomains: 'abcd', maxZoom: 19 }], 'OSMHot':['https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© OpenStreetMap contributors, Tiles style by Humanitarian OpenStreetMap Team hosted by OpenStreetMap France' }], 'ESRI_topo':['https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community' }], }; return maps; }36:[] 30:{"id":"8fd1e38b9e965652","slug":"resilience-florence","title":"Community Resilience: Making It About People","thumbnail":"ec8038d7493dd0be3498665e20482bfef554897cd1d576ad6db67e189da021b6","access_level":"public","create_time":"$D2021-05-16T04:14:16.262Z","update_time":"$D2021-06-16T00:49:59.674Z","view_time":null,"first_public_time":"$D2021-05-17T00:31:45.404Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"b3e458bd377fc220","login":"tommlogan","name":"Tom Logan","avatar_url":"https://avatars-next.observableusercontent.com/ef23f48ba9e864007ad2302ec55b32db8bed5146d5c3a8d14c2c893c7c4bc281","tier":"starter_2024","bio":""},"version":4689,"publish_version":4689,"role":null,"authored":false,"authors":[{"type":"individual","id":"4b9304ac045d1df4","login":"tommlogan","name":"Tom Logan","avatar_url":"https://avatars-next.observableusercontent.com/ef23f48ba9e864007ad2302ec55b32db8bed5146d5c3a8d14c2c893c7c4bc281","tier":null,"bio":""}],"members":[{"type":"individual","id":"cbbcca2b98426d7c","login":"mitchellanderson112","name":"Mitchell Anderson","avatar_url":"https://avatars-next.observableusercontent.com/2ac88b37e97dce35a54280565e76a68890a022b79a3dbf10d9fb3b0f9b68bbd6","tier":null,"role":"editor"},{"type":"individual","id":"4b9304ac045d1df4","login":"tommlogan","name":"Tom Logan","avatar_url":"https://avatars-next.observableusercontent.com/ef23f48ba9e864007ad2302ec55b32db8bed5146d5c3a8d14c2c893c7c4bc281","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Community Resilience: Making It About People","cells":[{"id":4649,"value":"title = md`# Community Resilience: Making It About People`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"intro = md`\nWhat do people need everyday? \n\nTo make communities resilient, we need to think about what people require everyday to function and succeed. It's not just the infrastructure, but the services, amenities, and opportunities that that enables: health care, groceries, education, employment, etc. In the [Journal for Risk Analysis](https://onlinelibrary.wiley.com/doi/abs/10.1111/risa.13492), we propose a new way of thinking about and approaching community resilience.\n\n### Example: Wilmington & Hurricane Florence\n\nThis is an example where we evaluate how access to supermarkets and service stations changed over the course of a hurricane. This is based on Hurricane Florence, which hit Wilmington, NC, in 2018.\n\n_Explore how access to supermarkets and service stations changes over the course of the hurricane. Select a distance range on the access distribution to highlight where those people live on the map._`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1577,"value":"# To do\n1. get topojson to work (currently plotting in the wrong place - projection issue??)\n2. mouseover details\n3. histogram interactivity\n4. resilience curve\n4. prevent basemap from reloading on choropleth update\n1. fix histogram x-axis limit\n2. make unselected map points more opaque, not NaN\n5. add points\n6. default choropleth fill black (on NaN)\n7. population weight the histogram and cdf","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"viewof amenity = Inputs.select(amenities, {value: \"supermarket\", label: \"Select amenity\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"viewof t = Scrubber(d3.ticks(-5, 15, 20), {\n autoplay: false,\n loop: false,\n initial: 2,\n format: x => `Day (post hurricane landfall) = ${x.toFixed(0)}`,\n delay: 1000\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1596,"value":"legend_distance = legend(color, `Distance to nearest ${amenity} (km)`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3774,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4587,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4488,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4518,"value":"hazardcycle = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4611,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"md`# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"## Import Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"topology = (await d3.json(\"https://raw.githubusercontent.com/urutau-nz/dash-recovery-florence/master/data/block.topojson\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"amenities = ['supermarket','gas_station']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1719,"value":"destinations = d3.csv('https://raw.githubusercontent.com/urutau-nz/dash-recovery-florence/master/data/destinations.csv', ({dest_type, lat, lon, operational, day}) => ({dest_type: dest_type, lat: +lat, lon: +lon, operational: operational=='True', day: +day}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"distance = d3.csv('https://raw.githubusercontent.com/urutau-nz/dash-recovery-florence/master/data/distance_to_nearest.csv', ({geoid10, service, distance,day}) => ({geoid10: geoid10, service: service, distance: +distance/1000, day: +day}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"distance_filtered = distance\n .filter(function(d) { return (d.day == t && \n d.service == amenity \n // && d.distance >= d_selection[0] \n // && d.distance <= d_selection[1]\n )})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3037,"value":"distance_baseline = distance\n .filter(function(d) { return (d.day == -5 && \n d.service == amenity \n // && d.distance >= d_selection[0] \n // && d.distance <= d_selection[1]\n )})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2720,"value":"distance_map = new Map(distance_filtered.map(function(d) { return([d.geoid10, d.distance])}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1753,"value":"destination_filtered = destinations.filter(function(d) { return (d.day == t && d.dest_type == amenity) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2041,"value":"recovery = d3.csv(\"https://raw.githubusercontent.com/urutau-nz/dash-recovery-florence/master/data/recovery.csv\", ({time_stamp, service, average, p5, p95, day}) => ({time_stamp: new Date(time_stamp), service: service, average: +average/1000, p5: +p5/1000, p95: +p95/1000, day:+day}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2071,"value":"recovery_filtered = recovery.filter(function(d) { return (\n // d.day <= t && \n d.service == amenity\n ) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3209,"value":"recovery_filtered_day = recovery.filter(function(d) { return (\n d.day <= t && \n d.service == amenity\n ) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3547,"value":"histogram_data = d3.csv(\"https://raw.githubusercontent.com/urutau-nz/dash-recovery-florence/master/data/access_histogram.csv\", d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3562,"value":"histogram_data_base = histogram_data.filter(function(d) { return (\n d.day == -5 && \n d.service == amenity\n ) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3551,"value":"histogram_data_filtered = histogram_data.filter(function(d) { return (\n d.day == t && \n d.service == amenity\n ) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2161,"value":"lineLength = svg``.getTotalLength()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4431,"value":"average_distance = {\n const dist = histogram_data_filtered.map(a=>a.distance);\n const pop = histogram_data_filtered.map(a=>a.pop_perc);\n return parseFloat(dist.reduce(function(r,a,i){return r+a*pop[i]},0)/100).toFixed(1)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4426,"value":"// average_distance = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2539,"value":"## Vega Signal Listeners and Event Variables","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4295,"value":"signal = Object.keys(distCharts.getState({ signals: (name) => name.match(/^sel\\d+$/) }).signals)[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2535,"value":"function isEmpty(obj) {\n for (var prop in obj) {\n return false;\n }\n return true;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2523,"value":"listener = distCharts.addSignalListener(signal, function(name, value) {\n if (value == null)\n mutable dist = null\n else\n mutable dist = value\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2524,"value":"mutable dist = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2518,"value":"d_selection = {\n if(isEmpty(dist)) {\n return [0,99]\n } else {\n return dist.distance\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"md`## Code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"width = 940","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":534,"value":"height = 500 //width/1.6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":398,"value":"function legend(color, title, format) {\n const width = 320;\n const height = 45;\n\n const svg = d3.select(DOM.svg(width, height))\n .style(\"overflow\", \"visible\");\n\n const legend = svg.append(\"g\")\n .attr(\"transform\", `translate(0,20)`)\n .call(d3.axisBottom(color.copy().rangeRound(d3.quantize(d3.interpolate(0, width), color.domain().length))).tickSize(13).ticks(5, format))\n .call(g => g.selectAll(\".tick line\").attr(\"stroke\", \"#fff\"))\n .call(g => g.select(\".domain\").remove());\n\n legend.insert(\"image\", \"*\")\n .attr(\"width\", width)\n .attr(\"height\", 13)\n .attr(\"preserveAspectRatio\", \"none\")\n .attr(\"xlink:href\", ramp(color).toDataURL());\n\n legend.append(\"text\")\n .attr(\"class\", \"caption\")\n .attr(\"y\", -6)\n .attr(\"fill\", \"#000\")\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(title);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":403,"value":"function ramp(color, n = 256) {\n const context = DOM.context2d(n, 1, 1);\n const x = d3.scaleLinear()\n .domain(d3.quantize(d3.interpolate(0, n - 1), color.domain().length))\n .range(color.domain());\n for (let i = 0; i < n; ++i) {\n context.fillStyle = color(x(i));\n context.fillRect(i, 0, 1, 1);\n }\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"format = d3.format(\".1f\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":267,"value":"color = {\n const values = distance.filter(function(d) { return d.service == amenity});\n const max = d3.max(values, function(d) { return +d.distance; });\n return d3.scaleSqrt()\n .interpolate(() => d3.interpolateBuPu)\n .domain([0, max])\n .unknown(\"rgba(0,0,0,0.2)\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2184,"value":"Line graph","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2186,"value":"height_line = height/2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2077,"value":"line = d3.line()\n .defined(d => !isNaN(d.average))\n .x(d => x(d.time_stamp))\n .y(d => y(d.average))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2144,"value":"reveal = path => path.transition()\n .duration(5000)\n .ease(d3.easeLinear)\n .attrTween(\"stroke-dasharray\", function() {\n const length = this.getTotalLength();\n return d3.interpolate(`0,${length}`, `${length},${length}`);\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2132,"value":"x = d3.scaleUtc()\n .domain(d3.extent(recovery_filtered, d => d.time_stamp))\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2079,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(recovery_filtered, d => d.average)])\n .range([margin.top,height_line - margin.bottom])\n // .unknown(999)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2125,"value":"xAxis = (g, scale = x) => g\n .attr(\"transform\", `translate(0,${height_line - margin.bottom})`)\n .call(d3.axisBottom(scale).ticks(width / 80).tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2140,"value":"yAxis = (g, scale = y) => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(scale).ticks(height_line / 40))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2126,"value":"margin = ({top: 20, right: 30, bottom: 30, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2399,"value":"Histogram","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2469,"value":"distance_array = Array.from(distance_map, ([name, value]) => (value));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"md`## Import`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"L = require('leaflet@1.7.1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2314,"value":"V = require(\"@observablehq/vega-lite@0.2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4376,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":934,"value":"leaflet = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2023,"value":"style = // CSS for SFmap info div\nhtml`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4467,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1044,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1604,"value":"// map updating\n// this one flashes https://observablehq.com/@sfu-iat355/advanced-interaction-with-multiple-views/2?collection=@sfu-iat355/tutorial-solution-sets\n// no flashing https://bl.ocks.org/gwene/f3929040cca81742c29af297efeda7ab","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1"}} 31:"$30:body"

Distance to nearest ${amenity}:

${amenity}:

Distance to
nearest ${amenity}: