{
const dimensions = ["date", "value", "count"];
return html`<div style="display:flex; flex-wrap: wrap;">
${dimensions
.map((y) =>
dimensions.map((x) =>
Plot.plot({
marginLeft: 50,
marginTop: 40,
width: width / 3 - 2,
height: width / 3 - 2,
marks: [
Plot.frame(),
x === y
? Plot.rectY(data, Plot.binX({ y: "count" }, { x, y, fill: "#666", insetTop: 10 }))
: Plot.dot(data, { x, y, fill: "steelblue" })
],
nice: true
})
)
)
.flat()}`;
}