Public
Edited
Apr 4, 2023
1 star
Insert cell
Insert cell
Insert cell
Plot.plot({
projection: {
//type: "equal-earth", // this can be set static like this
type: form.projection, // or dynamic like this, referencing the form dropdown above.
rotate: [-form.lon, -form.lat], // set from form elements above
domain: d3.geoCircle().center([form.lon, form.lat]).radius(form.scale)()
},
width,
marks: [
Plot.geo(world110m, { fill: "#ddd", stroke: "#bbb"}),
Plot.geo(usstates, { stroke: "#ccc" }),
Plot.geo(cvilleBounds, { stroke: "blue" }), // it's in there, just small on the world scale
Plot.graticule(),
Plot.sphere( {stroke: "#ddd"} )
]
})
Insert cell
Insert cell
import {basemaps} from "@emfielduva/dvlib_maps"
Insert cell
world110m = (await basemaps.world110m.geojson).json()
Insert cell
Insert cell
usstates = (await basemaps.us_states20m.geojson).json()
Insert cell
cvilleBounds = d3.json("https://opendata.arcgis.com/datasets/c371ad0b81024822bad1147ff6bb24c4_51.geojson")
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