Public
Edited
Apr 3, 2023
Insert cell
Insert cell
{
const container = d3.select(DOM.svg(300,300)).attr("style","background:black")
for(let i = 0;i<100;i = i + 1){
const x = d3.randomUniform(0,300)()
const y = d3.randomUniform(0,300)()
const width = d3.randomUniform(0,20)()
const height = d3.randomUniform(0,20)()
container.append("rect")
.attr("width",width)
.attr("height",height)
.attr("fill","white")
.attr("x",x)
.attr("y",y)
}
return container.node()
}
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