2f:null 30:["$","title",null,{"children":"Montreal bed bug incidents over time: 2011-2018 | John Clarke | Observable"}] 35:T470,{ map.heatmap.clearLayers(); const heatmap = L.heatLayer([], { minOpacity: 0.4, maxZoom: 18, max: 1.0, radius: 8, blur: 6, gradient: null }).addTo(map.heatmap); replay; const delay = d3.scaleTime() .domain([filtered_incidents[0].declared, filtered_incidents[filtered_incidents.length - 1].declared]) .range([0, total_duration * 1000]); map.incidents = []; // There is no method to remove a 'marker' from a heatmap yet // So we have redraw with every addition/subtraction // Hide a point according to the time between declaration and treatment finishing filtered_incidents.forEach(incident => { d3.timeout(function() { mutable current_date = incident.declared; mutable active_cases = map.incidents.length; map.incidents.push([incident.lat, incident.long, 0.3]); heatmap.setLatLngs(map.incidents); let duration = delay(incident.treatment_finished) - delay(incident.declared); d3.timeout(function() { map.incidents.pop(); heatmap.setLatLngs(map.incidents); }, duration + decay) }, delay(incident.declared)) }) }36:T5b2,// update_heatmap = { // if (map.heat_layer) { map.removeLayer(map.heat_layer) }; // replay; // const heatmapLayer = map.heat_layer = L.layerGroup(); // heatmapLayer.addTo(map); // // const heat_layer = heatLayer([], { // // minOpacity: 0.4, // // maxZoom: 18, // // max: 1.0, // // radius: 8, // // blur: 6, // // gradient: null // // }).addTo(heatmapLayer) // const delay = d3.scaleTime() // .domain([filtered_incidents[0].declared, filtered_incidents[filtered_incidents.length - 1].declared]) // .range([0, total_duration * 1000]); // heat_layer.incidents = []; // // There is no method to remove a 'marker' from a heatmap yet // // So we have redraw with every addition/subtraction // // Hide a point according to the time between declaration and treatment finishing // filtered_incidents.forEach(incident => { // d3.timeout(function() { // mutable current_date = incident.declared; // mutable active_cases = heat_layer.incidents.length; // heat_layer.incidents.push([incident.lat, incident.long, 0.3]); // heat_layer.setLatLngs(heat_layer.incidents); // let duration = Math.max(delay(incident.treatment_finished) - delay(incident.declared), 1); // d3.timeout(function() { // heat_layer.incidents.pop(); // heat_layer.setLatLngs(heat_layer.incidents); // }, duration + decay) // }, delay(incident.declared)) // }) // }37:[] 33:{"id":"26ec00bbc1d89036","slug":"montreal-bed-bug-incidents-over-time-2011-2018","title":"Montreal bed bug incidents over time: 2011-2018","thumbnail":"23714f71006182fe5ce2c99f953431daf6e4e9eae7896615eb4d482dae24be34","access_level":"public","create_time":"$D2018-10-18T02:08:12.506Z","update_time":"$D2022-03-17T15:59:30.928Z","view_time":null,"first_public_time":"$D2018-10-19T00:03:53.334Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"d6f4905fa7e2825f","login":"john-clarke","name":"John Clarke","avatar_url":"https://avatars-next.observableusercontent.com/797cc850d46c4253e2b916cc5916cf130bc41038c773f98bbc26dcfdd8adbe13","tier":"starter_2024"},"version":622,"publish_version":622,"role":null,"authored":false,"authors":[{"type":"individual","id":"7aed0ff5358d0dad","login":"john-clarke","name":"John Clarke","avatar_url":"https://avatars-next.observableusercontent.com/797cc850d46c4253e2b916cc5916cf130bc41038c773f98bbc26dcfdd8adbe13","tier":null}],"members":[{"type":"individual","id":"7aed0ff5358d0dad","login":"john-clarke","name":"John Clarke","avatar_url":"https://avatars-next.observableusercontent.com/797cc850d46c4253e2b916cc5916cf130bc41038c773f98bbc26dcfdd8adbe13","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":null,"type":"notebook","body":{"title":"Montreal bed bug incidents over time: 2011-2018","cells":[{"id":0,"value":"md`# Montreal bed bug incidents over time: 2011-2018`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"viewof map = {\n const container = html`

`;\n \n yield container;\n const map = container.value = new L.map(container, {zoomControl:false}).setView([45.5535,-73.6696], 11)\n let osm = map.osm = L.tileLayer(map_styles[map_styling].url, {\n attribution: map_styles[map_styling].attribution,\n minZoom: 10,\n maxZoom: 15,\n }).addTo(map);\n\n const borough = map.borough = L.geoJSON(boroughs, {\n style: function(feature) {\n if (non_included_cities.includes(feature.properties.NOM))\n return {color: \"gray\", fillOpacity: 0.5};\n },\n weight: 2,\n color: 'steelblue',\n opacity: 0.4,\n fillOpacity: 0,\n })\n .addTo(map);\n \n const heatmap = map.heatmap = L.layerGroup().addTo(map);\n const title = map.title = d3.select(container).append('div')\n .text('2018')\n .attr('class', 'title')\n .attr('style', 'color: #888; top: 0px; left: 40px; font-size: 100pt; position: relative; z-index: 1000;')\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"viewof replay = html`