The avatar for @jwolondon
Jo Wood
Professor of Visual Analytics interested in design, geovisualization, visual storytelling and computational thinking.
Public
utilities
Edited
Feb 24, 2024
Paused
Importers
9 stars
utilities
RendererSpatial JSON ViewerGeoJSON GeneratorGrid map allocationGridded Region EditorCensus 2021 ExplorerUK Election 2024: Boundary DataAlpha shapesPolyLabelProjectionData TidierHello Colour MixingHello modern colour spacesGDS GraphSeeded Random NumbersAOC UtilitiesCalculating Stream Order from Open Rivers dataCurved Text Mark
Interactive Time Range Input
Insert cell
Insert cell
Insert cell
viewof myTimeSelection = timeRange(
new Date(2023, 0, 1),
new Date(2024, 11, 31),
{ interval: "month" }
)
Insert cell
Insert cell
myTimeSelection
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
clip: true,
x: { domain: yearZoom }, // The time slider, which reports the selected start and end dates, maps directly to the zoomed domain.
marks: [
Plot.areaY(aapl, {
x: "Date",
y: "Close",
fill: "firebrick",
opacity: 0.1
}),
Plot.lineY(aapl, { x: "Date", y: "Close" })
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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