Public
Edited
Jun 3, 2023
Insert cell
Insert cell
Plot.dot(penguins, {x: "culmen_length_mm", y: "culmen_depth_mm", stroke: "species"}).plot()
Insert cell
Plot.dot(olympians, {
x: "weight",
y: "height",
stroke: "sex",
channels: {name: "name", sport: "sport"},
tip : true
}).plot()
Insert cell
viewof table = Inputs.table(penguins)
Insert cell
Plot.plot({
grid: true,
x: {
label: "Daily change (%) ->",
tickFormat: "+f",
percent: true
},
y: {
type: "log",
label: "↑ Daily trading volume"
},
marks: [
Plot.ruleX([0]),
Plot.dot(aapl, {x: (d)=> (d.Close - d.Open), y: "Volume", r: "Volume"})
]
})
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