31:T492,canvas = { const {width: w, height: h, pad: p} = options, wp = w - 2 * p, hp = h - 2 * p, ctx = DOM.context2d(w, h, 1), num = 5; ctx.canvas.maxWidth = "100%"; ctx.fillStyle = "hsl(0, 0%, 0%)"; ctx.lineWidth = 4; ctx.fillRect(0, 0, w, h); // If there's a noticeable delay between a cell's invalidation and its next evaluation // then it might be preferable to not pass the invalidation promise for autoremoval, // and to instead replace the area's contents when the cell rerenders. display("output", ctx.canvas, {replace: true}); while(true) { ctx.globalCompositeOperation = "multiply"; ctx.globalAlpha = .03; ctx.fillRect(0, 0, w, h); ctx.globalAlpha = 1; ctx.globalCompositeOperation = "screen"; for(let i = 0; i < num; i++) { ctx.beginPath(); const t = Math.cos((Date.now() / 6000 + i/num) * Math.PI * 2) + 1; t < 1 ? ctx.moveTo(p + wp * t, p) : ctx.moveTo(p + wp, p + hp * (t-1)); t < 1 ? ctx.lineTo(p, p + hp * t) : ctx.lineTo(p + wp * (t-1), p + hp); ctx.strokeStyle = color || `hsl(${i/num*360},100%,50%)`; ctx.stroke(); } yield; } }32:[] 2f:{"title":"Dashboard with Inputs","cells":[{"id":0,"value":"# Dashboard with Inputs\n\nThis notebook provides a helper to combine outputs from multiple cells in a template.\n\n~~~js\nimport {dashboard} from \"@mootari/dashboard-with-inputs\"\n~~~\n\n*Context / discussion: [Redefine a value for viewof ?](https://talk.observablehq.com/t/redefine-a-value-for-viewof/3175/8)*\n\n---","pinned":false,"hidden":false,"mode":"md"},{"id":132,"value":"viewof display = dashboard(htl.html`

\n\n