2d:null 2e:["$","title",null,{"children":"Earthquake GeoJSON + Views | lresh1 | Observable"}] 33:T62f,quakesLayer = { var map = L.map('map').setView([24.75, -20.65], 2); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, attribution: 'Map data © OpenStreetMap contributors, ' + 'Imagery © Mapbox', id: 'mapbox/light-v9', tileSize: 512, zoomOffset: -1 }).addTo(map); var geojsonMarkerOptions = { radius: 8, fillColor: "#ff7800", color: "#000", weight: 1, opacity: 1, fillOpacity: 0.8 }; function onEachFeature(feature, layer) { var popupContent = "Earthquake magnitude: " + feature.properties.mag; if (feature.properties && feature.properties.popupContent) { popupContent += feature.properties.popupContent; } layer.bindPopup(popupContent); } const quakesLayer = L.geoJson(earthQ, { filter: function(feature, layer, latlng) { return feature.properties.mag <= z && feature.properties.mag >= x; return L.circleMarker(latlng, geojsonMarkerOptions); }, onEachFeature: onEachFeature, pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, { radius: 8, fillColor: "#ff7800", color: "#000", weight: 1, opacity: 1, fillOpacity: 0.8 }); } }).addTo(map); map.fitBounds(quakesLayer.getBounds()); invalidation.then(() => map.remove()); // clean up when rerunning the cell }34:[] 31:{"id":"2c4be3e3cc068f1d","slug":"earthquake-geojson-views","title":"Earthquake GeoJSON + Views","thumbnail":"cbaca40e3c810e480692de348aaa911b2181880ceedee4b0e2391c91d61f9c20","access_level":"public","create_time":"$D2021-02-18T00:44:55.229Z","update_time":"$D2021-02-25T00:26:56.820Z","view_time":null,"first_public_time":"$D2021-02-23T04:45:17.513Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"7516093edf6f0c46","login":"lresh1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5ddc3960ccd8e29dba5ba4ca4f02c022900cea83e3b5f42bc5be792c4dd621be","tier":"starter_2024"},"version":333,"publish_version":333,"role":null,"authored":false,"authors":[{"type":"individual","id":"39874c1c48c6e349","login":"lresh1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5ddc3960ccd8e29dba5ba4ca4f02c022900cea83e3b5f42bc5be792c4dd621be","tier":null}],"members":[{"type":"individual","id":"39874c1c48c6e349","login":"lresh1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5ddc3960ccd8e29dba5ba4ca4f02c022900cea83e3b5f42bc5be792c4dd621be","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"227db07e4bd59a5e","slug":"classwork","title":"Classwork","owner":{"id":"7516093edf6f0c46","login":"lresh1","name":""}},"type":"notebook","body":{"title":"Earthquake GeoJSON + Views","cells":[{"id":0,"value":"md`# Earthquake GeoJSON + Views`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"html `

The current magnitude shown is between ${range[0]} and ${range[1]}.

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"import {rangeSlider} from '@mootari/range-slider'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"viewof range = rangeSlider({\n min: 0,\n max: 10,\n value: [5.7, 6],\n precision: 1, // how many decimal places\n title: 'Ranges of magnitude between 0 and 10',\n})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"range","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"mutable z = range[1]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"mutable x = range[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"md`# Data`\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"earthQ = d3.json(\"https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"L = {\n const L = await require(\"leaflet@1/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"d3 = require('d3@5')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"