Public
Edited
Feb 13, 2024
Insert cell
Insert cell
a = 12
Insert cell
b = 15
Insert cell
a + b + range
Insert cell
viewof range = Inputs.range([0, 100], {label: "Amount", step: 1})
Insert cell
Profit & Sales - Sheet1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
data
X
Sales
Y
Area
Color
Profit
Size
Facet X
Facet Y
Mark
bar
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
viewof color = Inputs.color({label: "Favorite color", value: "#4682b4"})
Insert cell
Plot.plot({
marks: [
Plot.barY(data, {x: "Area", y: "Sales", fill: color, sort: {x: "y", reverse: true}}),
Plot.barY(data, {x: "Area", y: "Profit", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])
]
})
Insert cell
Plot.plot({
marks: [
Plot.tickX(data, {x: "Area", y: "Sales"})
]
})
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