Published
Edited
Jun 3, 2020
Insert cell
md`# Visualization with Vega-Lite`
Insert cell
vegalite({
data: { values: alphabet },
mark: "bar",
autosize: "fit",
width: width,
encoding: {
x: {
field: "letter",
type: "ordinal"
},
y: {
field: "frequency"
}
}
})
Insert cell
// import the vega-lite package
vegalite = require('@observablehq/vega-lite')
Insert cell
// get the data for visualization
alphabet = require('@observablehq/alphabet')
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