Public
Edited
Jul 14, 2023
Insert cell
Insert cell
{
const r = d3.randomLcg(42);
return svg`<svg width=928 height=500 style="max-width: 100%; height: auto;">
<rect width=928 height=500 fill=yellow></rect>
${Array.from(
{ length: 18 },
() =>
`<circle cx=${928 * r()} r=${8 + 38 * r()} cy=${
500 * r()
} fill=white></circle>`
)}`;
}
Insert cell

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.
Learn more