Public
Edited
Feb 8, 2023
Insert cell
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, // <- add this line
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