Published unlisted
Edited
Feb 10, 2022
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
dataWithparsedDates = exampledata.map(({date, ...rest}) => {
return {
date: new Date(date),
...rest
};
})
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.rectY(dataWithparsedDates, {
x: "date",
interval: d3.utcDay,
y2: "volume",
fill: "magenta"
})
]
})
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.line(dataWithparsedDates, {
x: "date",
y: "volume",
curve: "step"
})
]
})
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