World Choropleth

Choropleth using built-in topojson world map.

Vega-LiteGeo & Spatial Vega-Lite syntax docs

Template previewVega-Lite

Rendering…

Make it your own.

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "width": 520, "height": 300,
  "data": {
    "url": "https://cdn.jsdelivr.net/npm/vega-datasets@2/data/world-110m.json",
    "format": {"type":"topojson","feature":"countries"}
  },
  "transform": [
    {"lookup":"id","from":{"data":{"url":"https://cdn.jsdelivr.net/npm/vega-datasets@2/data/population_engineers_hurricanes.csv"},"key":"id","fields":["engineers"]}}
  ],
  "projection": {"type":"naturalEarth1"},
  "mark": {"type":"geoshape","stroke":"white","strokeWidth":0.4},
  "encoding": {
    "color": {"field":"engineers","type":"quantitative","scale":{"scheme":"blues"},"title":"Engineers"}
  }
}