Public
Edited
Mar 7, 2024
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
title:
"Delay between request for school assignment request and final school assignment",
facet: { data: request_delay, y: "type", marginRight: 100 },
marks: [
Plot.rectY(
request_delay,
Plot.binX({ y: "count" }, { x: "delay", thresholds: 20 })
),
Plot.ruleY([0]),
Plot.ruleX([0]),

Plot.ruleX([10], { stroke: "red" }),
Plot.axisFy({ lineWidth: 8 })
]
})
Insert cell
request_delay = assignments.map((d) => ({
delay:
(d["School Assignment Final Date"] - d["SA Request Date"]) /
(1000 * 60 * 60 * 24),
type: d["School Assignment Program Type Request"]
}))
Insert cell
assignments = d3.csv(
"https://docs.google.com/spreadsheets/d/e/2PACX-1vSlcK5K7yOfk7YbLyUruEWGNmOPC5dwQskyXXMnHS6o5O0282IRmLqrpEIDnLZUPhiIszoyEq06nqsH/pub?output=csv",
d3.autoType
)
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