Published
Edited
Aug 21, 2022
1 fork
Plot.plot({
padding: 0,
y: {
tickFormat: Plot.formatMonth(myLocale, "short")
},
marks: [
Plot.cell(zDay, {
x: (d) => d.dt.day,
y: (d) => d.dt.month - 1,
rx: 4, //8,
//ry: 10,
fill: (d) => zColor[d.z],
stroke: (d) => (isToday(d.dt) ? "#444" : "#fff"),
strokeWidth: (d) => (isToday(d.dt) ? 2 : 0),
title: (d) => myTitle(d),
inset: 0.5
}),
Plot.text(zDay, {
x: (d) => d.dt.day,
y: (d) => d.dt.month - 1,
fill: (d) => "#eee",
stroke: (d) => "#000",
strokeWidth: (d) => 0.5,
text: (d) => `${zSign[d.z]}`,
title: (d) => myTitle(d)
})
],
style: { cursor: "default" }
})
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.
