Published
Edited
Jan 11, 2020
4 stars
Insert cell
Insert cell
Insert cell
Insert cell

time = d3.scaleQuantize()
.domain([new Date('2020-01-01'), new Date('2020-01-31')])
.range(d3.range(1, 31))
Insert cell
Insert cell
band = d3.scaleBand()
.domain(time.range())
.range([1, 500])
.round(true)
Insert cell
Insert cell
band(time(new Date('2020-01-09')))
Insert cell
band(time(new Date('2020-01-12')))
Insert cell
band(time(new Date('2020-01-31')))
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