Public
Edited
Mar 7, 2023
Insert cell
Insert cell
## Day 1
Insert cell
data = cars
Insert cell
data
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
marks: [
Plot.dot(cars, {x: "power (hp)", y: "economy (mpg)", fill: "steelblue", title: "name"})
]
})
Insert cell
Plot.plot({
grid:true,
inset: 10,
width: 928,
facet: {
},
marks: [
Plot.linearRegressionY(penguins, {x: "culmen_length_mm", y: "culmen_depth_mm", stroke: "species"})
]
})
Insert cell
Plot.plot({
marks: [
Plot.barY(alphabet, {x: "letter", y: "frequency", sort: {x: "y", reverse: true, limit: 12}}),
Plot.ruleY([0])
]
})
Insert cell
viewof data_1 = olympians
Insert cell
Plot.plot({
marks: [
Plot.barX(alphabet, {x: "frequency", y: "letter", sort: {y: "x", reverse: true}}),
Plot.ruleX([0])
]
})
Insert cell
viewof table1 = Inputs.table(olympians)
Insert cell
DonutChart(islands, {name: d => d})
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