Public
Edited
Apr 3, 2024
Insert cell
Insert cell
import {pizzaorders} from "@observablehq/data-vis-course-assignment"
Insert cell
Insert cell
Insert cell
pizzaorders
X
state
Y
sum
orders
Color
state
Size
Facet X
category
Facet Y
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
color: { legend: true },
marks: [
Plot.frame({ strokeOpacity: 0.1 }),
Plot.barY(
pizzaorders,
Plot.groupX(
{ y: "count" },
{ fx: "category", x: "state", fill: "state", tip: true }
)
),
Plot.ruleY([0])
]
})
Insert cell
Insert cell
Insert cell
pizzaorders
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
slice10
Insert cell
Insert cell
slice10
X
state
Y
sum
orders
Color
state
Size
Facet X
category
Facet Y
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
pizzaorders
X
state
Y
sum
orders
Color
name
Size
Facet X
Facet Y
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
pizzaorders
X
category
Y
sum
orders
Color
day_of_week
Size
Facet X
Facet Y
Mark
Auto
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