Published
Edited
Apr 21, 2019
Insert cell
Insert cell
chart = vl.markBar().data({url: dataUrl, format: {type: 'arrow'}}).encode(
vl.y().fieldO('PrimaryType').sort({encoding: 'x'}).axis({title: 'Crime Type'}),
vl.x().fieldQ('*').count().axis({title: '# of Records'})
).render()
Insert cell
Insert cell
Insert cell
Insert cell
import {vl as vegaLite} from '@vega/vega-lite-api'
Insert cell
vl = {
// add arrow data vega loader
vegaLite.vega.formats('arrow', await require('vega-loader-arrow@0.0.6'));
return vegaLite;
}
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