31: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)) }) }32: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)) // }) // }33:[] 2f:{"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"},{"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"},{"id":463,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"viewof replay = html`