Public
Edited
Feb 15, 2023
2 forks
Insert cell
Insert cell
Insert cell
import {vl} from '@vega/vega-lite-api-v5' // Vega-Lite API visualization library
Insert cell
Insert cell
vl.markCircle({ color: "#f00", size: 30 })
.data(df)
.encode(
vl.x().fieldQ('DCH')
)
.render({renderer: 'svg'}) // this option allows downloading SVGs as well as PNGs
Insert cell
vl.markBar()
.data(df)
.encode(
vl.x().fieldQ('DCH').bin(true).bin({maxbins: 10}),
vl.y().count()
)
.render({renderer: 'svg'}) // this option allows downloading SVGs as well as PNGs
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