Plot.plot({
projection: projection,
marks: [
Plot.geo(land, {fill:"grey", strokeOpacity: 0.5}),
Plot.sphere({strokeWidth:0.2}),
Plot.geo(borders,{strokeWidth:1,strokeOpacity:0.5})
]
})
projection = d3.geoOrthographic().fitExtent([[10, 10], [height, width]], {type: "Sphere"}).rotate([-20, -5]);
height = 500; // Observable sets a responsive *width*
width=350
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.
