{
const width = 640;
const height = 400;
const context = DOM.context2d(width, height);
const canvas = context.canvas;
context.save();
context.fillStyle = "steelblue";
context.fillRect(0, 0, width, height);
context.beginPath();
context.arc(width / 2, height / 2, 200, 0, 2 * Math.PI);
context.clip();
context.globalCompositeOperation = "luminosity";
await canvasPlot(
Plot.dot(
{ length: 500 },
{ x: Math.random, y: Math.random, r: Math.random, fill: Math.random }
).plot({ style: { background: "transparent" }, x: { axis: null } })
).then((im) => (context.drawImage(im, 0, 0, width, height), canvas));
context.restore();
context.fillStyle = "white";
context.textAlign = "center";
context.fillText("Hello, Plot", width / 2, height / 2);
return canvas;
}