Published
Edited
May 24, 2021
1 star
Insert cell
md`# Tutorial 3: Visualizing data`
Insert cell
alphabet = require('@observablehq/alphabet')
Insert cell
vegalite = require('@observablehq/vega-lite')
Insert cell
vegalite({
data: { values: alphabet },
mark: "bar",
autosize: "fit",
width: width,
encoding: {
x: {
field: "letter",
type: "ordinal"
},
y: {
field: "frequency",
type: "quantitative"
}
}
})
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