Works at The Pudding. @russellsamora on Twitter.
Plot.plot({
projection: "albers-usa",
width,
marks: [
Plot.geo(nation, { strokeOpacity: 0.25 }),
Plot.geo(states, { strokeOpacity: 0.25 }),
Plot.dot(coordinates, {x: "longitude", y: "latitude", symbol: "circle", r: 0.5 })
]
})
viewof version = Inputs.radio(["non-contiguous", "contiguous"], {label: "select version", value: "contiguous"})
viewof spacing = Inputs.select(["100", "50", "20", "10", "5"], {label: "select spacing (miles)", value: "50"})
coordinates = d3.csv(`https://raw.githubusercontent.com/russellsamora/us-grid-points/main/output/${version}/us-grid-points-${spacing}mi.csv`)
import {us} from "@observablehq/us-geographic-data"
nation = topojson.feature(us, us.objects.nation)
counties = topojson.feature(us, us.objects.counties)
states = topojson.feature(us, us.objects.states)
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.
