Public
Edited
May 13, 2023
2 forks
4 stars
Insert cell
Insert cell
Plot.plot({
width: 640,
height: 640,
inset: 2,
projection: {
type: "azimuthal-equal-area",
rotate: [96, -40],
clip: 24,
domain: d3.geoCircle().center([-96, 40]).radius(24)()
},
marks: [
Plot.geo(nation, {fill: "currentColor", fillOpacity: 0.2}),
Plot.dot(capitals, {x: "longitude", y: "latitude", r: 2.5, fill: "currentColor"}),
Plot.voronoi(capitals, {x: "longitude", y: "latitude", clip: "sphere", title: "state", pointerEvents: "all"}),
Plot.sphere({strokeWidth: 2})
]
})
Insert cell
us = FileAttachment("us-counties-10m.json").json()
Insert cell
nation = topojson.feature(us, us.objects.nation)
Insert cell
capitals = FileAttachment("us-state-capitals.csv").csv({typed: true})
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