The avatar for @drlynb
drlynb
Published
Edited
Jan 16, 2019
Fork of Getting Started with Data
•
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3 = require("d3@5")
Insert cell
Insert cell
Cereals = d3.csv("https://gist.githubusercontent.com/drlynb/4a45adbdebd26d3d3f894eb9802cbd6a/raw/1fa983c0eb301d95af65946b3af1d64cc30c2df3/IAT355")
Insert cell
Insert cell
Insert cell
VegaLite = require('@observablehq/vega-lite')
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
VegaLite({
data: {values: Cereals},
mark: "bar",
encoding: {
x: {field: "calories", type: "quantitative"},
y: {field: "name", type: "nominal"}}
}
})
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
Insert cell
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