Published
Edited
Apr 28, 2021
1 fork
3 stars
Insert cell
Insert cell
(await visibility(),
bnb({
w: 540,
h: 540,
// record: true,
setup: (sketch, globals) => {
sketch.stroke("#1b1b1b");
},
draw: (sketch, time, globals) => {
const loopValue = sketch.sin(time * sketch.TAU);
const height = sketch.map(loopValue, 0, 1, 0, 50);

sketch.background("#1b1b1b");
sketch.translate(sketch.width / 2, sketch.height / 2);

for (let x = 0; x < 10; x++) {
sketch.circle(0, height * (x / 10), 50);
}
}
}))
Insert cell
Insert cell
Insert cell
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