Crafting Visual Stories with Data.
Public
Edited
Jan 28
This is a second cell
x = 24
y = x + range
viewof range = Inputs.range([0, 100], { label: "Amount", step: 1 })
sample.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barY(sample, {
x: "area",
y: "sales",
sort: { x: "y", reverse: true }
}),
Plot.ruleY([0])
]
})
Plot.plot({
marks: [
Plot.barY(sample, {
x: "area",
y: "sales",
fill: "area",
sort: { x: "y", reverse: true }
}),
Plot.ruleY([0])
]
})
Plot.plot({
marks: [
Plot.voronoi(penguins, {x: "culmen_depth_mm", y: "culmen_length_mm", fill: "species", stroke: "white"})
]
})
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
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.
