start = d3.utcDay.offset(new Date(), -30)
end = new Date()
days = d3.utcDay.range(start, end)
Plot.plot({
x: { axis: "top" },
marks: [
Plot.rectX(days, {
x1: (d) => d,
x2: (d) => d3.utcDay.offset(d, 1),
fill: "#ccc",
inset: 1
}),
Plot.dot(days, { x: (d) => d, y: () => (Math.random() > 0.5 ? "a" : "b") })
]
})
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.
