Public
Edited
Jul 28, 2023
Insert cell
Insert cell
Insert cell
data = aq.loadCSV(dataUrl)
Insert cell
Inputs.table(data, { width: 400 })
Insert cell
Insert cell
viewof sample = Plot.plot({
grid: true,
marks: [Plot.barY(data, { x: "area", y: "sales" })]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [Plot.frame(), Plot.text([select], { frameAnchor: "middle" })]
})
Insert cell
viewof range = Inputs.range([0, 100], {label: "Amount", step: 1})
Insert cell
range
Insert cell
Insert cell
hello = Plot.plot({
grid: true,
marks: [
Plot.barY(data2, {
x: "area",
y: "sales",
fill: "highlight",
sort: { x: "y" },
opacity: opacity
})
]
})
Insert cell
Plot.plot({ x: { domain: [0, 100], grid: true } })
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