data = FileAttachment("fwd@4.json").json()
since2021 = data
.filter(fwd => fwd.t)
.map(fwd => ({...fwd, date: new Date(fwd.t * 1000)}))
.filter((fwd) => fwd.date.getFullYear() >= 2021)
Plot.plot({
y: {
grid: true,
nice: true
},
x: {
nice: true
},
color: {
legend: true
},
marks: [
Plot.rectY(since2021, Plot.binX({ y: "count" }, { x: "date", fill: "s" })),
Plot.ruleY([0])
],
color: {
scheme: "viridis",
nice: true,
legend: true
}
})
{
return Plot.plot({
y: {
grid: true,
nice: true
},
x: {
nice: true
},
color: {
legend: true
},
marks: [
Plot.rectY(since2021, Plot.binX({ y: "count" }, { x: "d", fill: "a" })),
Plot.ruleY([0])
],
color: {
scheme: "turbo",
nice: true,
legend: true
}
});
}
Plot.plot({
y: {
grid: true,
nice: true
},
x: {
nice: true
},
color: {
legend: true
},
marks: [
Plot.rectY(since2021, Plot.binX({ y: "count" }, { x: "date", fill: "d" })),
Plot.ruleY([0])
],
color: {
scheme: "inferno",
nice: true,
legend: true
}
})
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.
