choromap = vl.markGeoshape({stroke: '#aaa', strokeWidth: 0.25})
.data(vl.topojson(usa).feature('counties'))
.project(vl.projection('albersUsa'))
.width(890).height(500)
.transform(vl.lookup('id').from(vl.data(unemployment).key('id').fields('rate')))
.encode(
vl.color().fieldQ('rate').scale({domain: [0, 0.2], type: 'quantize', scheme: {name: 'yellowgreenblue', count: 9}}).legend({title: 'Taxa', format: '.0%'}),
vl.tooltip().fieldQ('rate').format('.0%')
)
.render()
unemployment = d3.tsv(datasets['unemployment.tsv'].url)
usa = datasets['us-10m.json']()
import {vl} from '@vega/vega-lite-api-v5'
datasets = require('vega-datasets')
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.
