Published
Edited
Oct 9, 2020
Insert cell
md`# Topojson merge test`
Insert cell
import { vl } from "@vega/vega-lite-api"
Insert cell
vl.markGeoshape({stroke: '#fff'})
.data(vl.topojson("https://gist.githubusercontent.com/Flave/832ebba5726aeca3518b1356d9d726cb/raw/d0c509f5029765ce99cb55ddab19827da1897edb/world-regions-no-world.topojson")
.feature("regions"))
.project(vl.projection("naturalEarth1"))
.width(width)
.height(width / 2.5)
.render()
Insert cell
vl.markGeoshape({stroke: '#fff'})
.data(vl.topojson("https://gist.githubusercontent.com/Flave/832ebba5726aeca3518b1356d9d726cb/raw/5957dca433cbf50fe4dea0c3fa94bb4f91c754b7/world-regions-correct.topojson")
.feature("regions"))
.project(vl.projection("naturalEarth1"))
.width(width)
.height(width / 2.5)
.render()
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

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