p = Plot.plot({
projection: {type: "stereographic", rotate: [-longitude, -latitude]},
r: {transform: (d) => Math.pow(10, d)}, // convert Richter to amplitude
style: "overflow: visible;", // allow dots to escape
marks: [
Plot.geo(land, {fill: "currentColor", fillOpacity: 0.5}),
Plot.sphere(),
Plot.dot(earthquakes, {x: "longitude", y: "latitude", r: "magnitude", stroke: "red", fill: "red", fillOpacity: 0.5})
]
})
world = FileAttachment("countries-110m.json").json()
land = topojson.feature(world, world.objects.land)
earthquakes = d3.json("https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_week.geojson").then(d => d.features.map(f => {
const c = d3.geoCentroid(f);
return {magnitude: f.properties.mag, longitude: c[0], latitude: c[1]};
}))
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
