Unlisted
Edited
Oct 11, 2023
Importers
Insert cell
Insert cell
Insert cell
Plot.plot({
y: {
grid: true,
label: "↑ Temperature (°F)"
},
marks: [
Plot.areaY(sftemp, {x: "date", y1: "low", y2: "high", fillOpacity: 0.3}),
Plot.lineY(sftemp, Plot.windowY(k, {x: "date", y: "low", stroke: "blue"})),
Plot.lineY(sftemp, Plot.windowY(k, {x: "date", y: "high", stroke: "red"}))
]
})
Insert cell
sftemp = FileAttachment("sf-temperatures.csv").csv({typed: true})
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