Public
Edited
May 28
choromap = vl.markGeoshape({stroke: '#aaa', strokeWidth: 0.25})
.data(vl.topojson(usa).feature('counties'))
.transform(
vl.lookup('id').from(vl.data(unemployment).key('id').fields('rate'))
)
.encode(
vl.color().fieldQ('rate').scale({domain: [0.01,0.19],clamp:true, typw:'quantize',scheme:{name:'yellowgreenblue',count:9}}).legend({format:'%',title:'Taxa'}),
vl.tooltip().fieldQ('rate').format('.0%')
)
.project(vl.projection('albersUsa'))
.width(890).height(500)
.render()
q = d3.scaleQuantize()
.domain([1,19])
.range([1,2,4]);
dblues = d3.scaleOrdinal(d3.schemeBlues[8]);
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.
