3e:null 3f:["$","title",null,{"children":"Interactive map Earthquakes in USA | kbnsafoah's Workspace | Observable"}] 45:[] 43:{"id":"7c47650b11037031","slug":null,"title":"Interactive map Earthquakes in USA","thumbnail":"735861bdee79ecff867724d6d7aee64520b46d03027228e8a37e56082dce3373","access_level":"public","create_time":"$D2023-11-08T02:29:32.966Z","update_time":"$D2023-11-08T02:29:32.966Z","view_time":null,"first_public_time":"$D2023-11-08T02:29:32.966Z","has_unpublished_edits":null,"fork":{"id":"a638d7f9146087ed","slug":"untitled","title":"Interactive map Earthquakes in USA","owner":{"id":"8c986ec7a78b7076","login":"msdakot","name":"Dhruvi Kothari"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9781e1ce4baf1500","login":"kbnsafoah-ws","name":"kbnsafoah's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/6de0230ec0e31d9cda17133cc66a053bbd566315eede544df69259f9f43d4380","tier":"starter_2024","bio":"","following":false},"version":362,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1b9c904990750f93","login":"kbnsafoah","name":"kbnsafoah","avatar_url":"https://avatars-next.observableusercontent.com/2286b3b4b18db029b23fd7573f8d4d9c89470ee6111ab061199b896d9c8cf2d2","tier":null,"bio":"Masters Student reading Geo-Spatial Science at Bowling Green State University, Ohio","following":false}],"members":[{"type":"individual","id":"1b9c904990750f93","login":"kbnsafoah","name":"kbnsafoah","avatar_url":"https://avatars-next.observableusercontent.com/2286b3b4b18db029b23fd7573f8d4d9c89470ee6111ab061199b896d9c8cf2d2","tier":null,"role":"editor"},{"type":"team","id":"9781e1ce4baf1500","login":"kbnsafoah-ws","name":"kbnsafoah's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/6de0230ec0e31d9cda17133cc66a053bbd566315eede544df69259f9f43d4380","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Interactive map Earthquakes in USA","cells":[{"id":0,"value":"md`# Interactive map Earthquakes in USA `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"md`There are two goals to this assignment. One is to familarize myself with Leaflet in Observable; and second one is to develope some custom interactive capabilities for visualizing month worth of earthquakes data from USGS EQ feed.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"md`### Loading in the URL `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"url = (\"https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"data = (await fetch(url)).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"quakes = data.features.filter(function (value) {\n return value.properties.mag <= 2.5;});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"container = { \nlet container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` });\n yield container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"html`

Days of the Month<\\div>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"viewof sld2 = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"md`${date} of ${quakes.length} earthquakes exceed${count == 1 ? \"s\" : \"\"} magnitude ${sld2}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"html`

Scale the Magnitude<\\div>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"viewof slider = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"md`${count} of ${quakes.length} earthquakes exceed${count == 1 ? \"s\" : \"\"} magnitude ${slider}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"md`### Backhand calculations for displaying the filtered EQs.` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"map = {\n \n // Now we create a map object and add a layer to it.\n let map = L.map(container).setView([41.401,-93.151], 4);\n let mapLayer = L.tileLayer('https://api.mapbox.com/styles/v1/dhruvs04/cjtehgcvh31ym1fleyjaq7cu3/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoiZGhydXZzMDQiLCJhIjoiY2psZWkxem45MDZuNjNrcWhkZDMxdXo5byJ9.O_pXu61MgF8AfZiWLaR5pA',{\n attribution: 'Wikimedia maps beta | © Mapbox contributors'\n }).addTo(map);\n \n \n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"layer = {\n var geojsonMarkerOptions = {\n radius: 5,\n fillColor: \"#C70039\",\n color: \"#C70039\",\n weight: 1.2,\n opacity: 1,\n fillOpacity: 0.2\n };\n // See: https://leafletjs.com/reference-1.4.0.html#geojson-pointtolayer\n var pointToLayer = function (feature, latlng) {\n return L.circleMarker(latlng, geojsonMarkerOptions);\n }\n \n let quakesLayer = L.geoJson(data.features, { pointToLayer: pointToLayer }).addTo(map);\n \n return quakesLayer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"count = {\n var count = 0;\n \n layer.eachLayer(function(quakeLayer){\n\n var opacity = (quakeLayer.feature.properties.mag > slider) ? 1 : 0;\n count += opacity; \n quakeLayer.setStyle({opacity: opacity, fillOpacity: opacity});\n });\n\n return count;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"date = {\n var count = 0;\n\n layer.eachLayer(function(quakeLayer){\n var opacity = ((new Date(quakeLayer.feature.properties.time).getUTCDate())> sld2) ? 1 : 0;\n count += opacity; // count the visible earthquakes (i.e. those with opacity = 1)\n quakeLayer.setStyle({opacity: opacity, fillOpacity: opacity});\n });\n\n return count;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W45","stdlib":"1"}} 44:"$43:body"