Public
Edited
Dec 14, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
daily_orders
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
daily_orders_product
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Plot.plot({
marks: [
Plot.frame({ strokeOpacity: 0.1 }),
Plot.lineY(daily_orders, {
fx: "store_id",
x: "order_date",
y: "revenue",
stroke: "#1eb8d0",
tip: true
})
],
width: 1200
})
Insert cell
Plot.plot({
marks: [
Plot.dot(daily_orders, {
x: "store_id",
y: "orders",
stroke: "#c83dac",
tip: true
})
],
width: 1200
})
Insert cell
Plot.plot({
marginLeft: 180,
marks: [Plot.dot(daily_orders_product, { x: "orders", y: "name", tip: true, sort: "revenue" })]
})

Insert cell
Insert cell
Insert cell
//Create as many cells as needed
Insert cell
Insert cell
Insert cell
Insert cell
//Your first plot here
Insert cell
//Your second plot here
Insert cell
//Your third plot here
Insert cell
Insert cell
Insert cell
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