Plot.plot({
projection: "equirectangular",
style: "overflow: visible;",
// projection: {type: "equirectangular" ,rotate: [0, -30, 20] },
marks: [
Plot.geo(land, {fill: "currentColor", fillOpacity: 0.2}),
Plot.sphere(),
Plot.graticule({strokeOpacity: 0.3}),
Plot.geo(earthquakes, {
r: (d) => Math.pow(10, d.properties.mag),
// geometry: d3.geoCircle().center([-175.38, -20.57]).radius((r) => r),
fill: "red",
fillOpacity: 0.2,
stroke: "red",
title: (d) => d.properties.title,
href: (d) => d.properties.url,
target: "_blank"
})
]
})
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")
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.
