Published
Edited
Oct 11, 2020
Insert cell
md`# Basic bar chart in Vega-Lite`
Insert cell
vl.markBar()
.data(data)
.width(700)
.encode(
vl.x().fieldN("date").timeUnit("monthyear"),
vl.y().fieldQ("value")
)
.render()
Insert cell
md `### Get the data`
Insert cell
data = FileAttachment("data.csv").csv()
Insert cell
md `### Import Vega Lite`
Insert cell
import { vl } from "@vega/vega-lite-api"
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