map = htl.html`<svg viewBox="0 0 ${width} 500" style="display: block;">
<path d="${path(land)}" fill="none" stroke="#000"></path>
</svg>`
projection = d3.geoEqualEarth().scale(350).rotate([160,0,0]).translate([480,280])
path = d3.geoPath(projection)
land = topojson.feature(world, world.objects.land)
world = FileAttachment("countries-50m.json").json()
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.
