Public
Edited
Mar 23, 2024
Insert cell
Insert cell
Plot.plot({
projection: projection,
width: width,
height: height,
marks: [
Plot.graticule({stroke: "#ddd", strokeOpacity: 1}),
Plot.geo(land, {fill: "#ddd"}),
Plot.sphere(),
Plot.geo(data, {
r: 1.5,
fill: "#000",
title: (d) => d.properties.title,
href: (d) => d.properties.url,
target: "_blank"
})
]
})
Insert cell
Insert cell
data = d3.json('https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_month.geojson')
Insert cell
Insert cell
Insert cell

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.
Learn more