Published
Edited
Aug 6, 2020
Insert cell
md`# Twitch following tutorial`
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"
}
}
})
Insert cell
svg_element = html`<svg>
<rect x= width y=height width="100" height="25" fill="purple" />
</svg>
`
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