Published
Edited
Oct 16, 2021
Insert cell
# Bar chart
Insert cell
data = FileAttachment("covid19-data.csv").csv()
Insert cell
viewof stackedBar = vl.markBar()
.data(data)
.encode(
vl.x().fieldO("date").timeUnit("utcmonth"),
vl.y().count(), // .stack("normalize").axis({ format: "%" }),
vl.color().fieldN("prname") // .scale({ range: weatherColors })
)
.render()
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

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