map = vl.layer(
// use the sphere of the Earth as the base layer
vl.markGeoshape({fill: '#e6f3ff'})
.data(vl.sphere()),
// add a graticule for geographic reference lines
vl.markGeoshape({stroke: '#ffffff', strokeWidth: 1})
.data(vl.graticule()),
// and then the countries of the world
vl.markGeoshape({fill: '#2a1d0c', stroke: '#706545', strokeWidth: 0.5})
.data(vl.topojson(world).feature('countries'))
)
.width(900).height(500)
.config({view: {stroke: null}})
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.
