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

Insert cell
pizzaOrders-2.csv
X
Category
Y
sum
orders
Color
#ff5375
Size
Facet X
Facet Y
Mark
bar
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
//
Insert cell
like this, look

markdown is a _cool_ skill to have :)
Insert cell
Insert cell
Plot.plot({
color: { legend: true },
y:{ label: "Orders"},
x: {label: "Days of the Week", grid: true, tickFormat: (n) => weekdays[Math.round(n)]},
marks: [
Plot.barY(
pizza,
Plot.binX(
{ y: "sum" },
{ x: "day_of_week", y: "orders", fill: "Category", tip: true, }
)
),
Plot.ruleY([0])
]
})
Insert cell
weekdays= ["Sun","Mon","Tues","Wed","Thurs", "Fri","Sat"]
Insert cell
Insert cell
pizzaOrders-2.csv
X
orderDate
Y
sum
orders
Color
Size
Facet X
Facet Y
Mark
line
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Select a data source…
Type Chart, then Shift-Enter. Ctrl-space for more options.

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