Public
Edited
Apr 4, 2023
Insert cell
Insert cell
import { pizzaorders } from "@observablehq/data-vis-course-assignment"
Insert cell
pizzaorders
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
viewof numBins = Inputs.range([1, 100], { label: "Number of bins", step: 1 })
Insert cell
Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.rectY(
pizzaorders,
Plot.binX(
{ y: "sum" },
{ x: "orderDate", y: "orders", fill: "blue", thresholds: d3.utcWeek }
)
)
]
})
Insert cell
Plot.plot({
marks: [Plot.rectY(pizzaorders, { x: "state", y: "category" })]
})
Insert cell
import { Plot } from "@mkfreeman/plot-tooltip"
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