import { fetch } from "https://esm.town/v/std/fetch"; import { set } from "https://esm.town/v/std/set?v=11"; let { earthquakes_storage } = await import("https://esm.town/v/fil/earthquakes_storage"); export async function earthquakes(req?) { const yesterday = new Date(-24 * 3600 * 1000 + +new Date()).toISOString(); if (!(earthquakes_storage?.date > yesterday)) { const dataUrl = "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_day.geojson"; const worldUrl = "https://cdn.jsdelivr.net/npm/visionscarto-world-atlas@1/world/110m.json"; let [Plot, { document }, topojson, quakes, world] = await Promise.all([ import("https://cdn.jsdelivr.net/npm/@observablehq/plot@0.6.14/+esm"), import("https://cdn.jsdelivr.net/npm/linkedom@0.15/+esm").then((l) => l.parseHTML("")), import("https://cdn.jsdelivr.net/npm/topojson@3/+esm"), fetch(dataUrl).then((r) => r.json()), fetch(worldUrl).then((r) => r.json()), ]); world = topojson.presimplify(world, topojson.sphericalTriangleArea); world = topojson.simplify(world, 0.0001); const chart = Plot.plot({ document, projection: { type: "equal-earth", rotate: [-10, 0] }, r: { type: "linear", domain: [0, 5], range: [0, 10] }, marks: [ Plot.geo(topojson.feature(world, world.objects.land)), Plot.dot( quakes.features, Plot.centroid({ r: (d) => d.properties.mag, fill: "red", fillOpacity: 0.3, }), ), Plot.graticule(), Plot.sphere(), ], }); earthquakes_storage = { date: new Date().toISOString(), svg: `${chart}`.replaceAll(/(\.\d)\d+/g, "$1"), }; await set( "earthquakes_storage", earthquakes_storage, ); } // If invoked through the web endpoint, return a web page. return req instanceof Request ? new URL(req.url).searchParams.get("svg") ? new Response( earthquakes_storage.svg.replace( /^

Earthquake map

Data updated daily; source: USGS.

${earthquakes_storage.svg} vt source code `, { headers: { "Content-Type": "text/html" } }, ) : earthquakes_storage; }