error = (p, latitude) => d3.geoDistance([0, latitude], d3.geoInterpolate([-p/2, latitude], [p/2, latitude])(1/2)) * 40_000_000 / (2*Math.PI)
error(6, latitude)
error(2, latitude)
Plot.plot({
height: 300,
projection: {
type: "orthographic",
rotate: [0, -45],
domain: d3.geoCircle().center([0, latitude]).radius(5)()
},
marks: [
Plot.graticule(),
Plot.geo(d3.geoCircle().center([0, 90]).radius(90-latitude-.5).precision(2)(), {
stroke: "steelblue"
}),
Plot.geo(d3.geoCircle().center([0, 90]).radius(90-latitude).precision(6)(), {
stroke: "red"
}),
Plot.geo(d3.geoCircle().center([0, 90]).radius(90-latitude+.5).precision(2)(), {
stroke: "steelblue"
}),
Plot.sphere()
]
})
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.
