Creative coder working at the intersection of computation and creativity.
p(5.js)acmanObservable Logobrie's graphic4 gradient circles bouncinggradient wavestaircase of gradientsbouncing circles
empty circles in a grid growing
await visibility(), bnb({
w: 540,
h: 540,
fps: 60,
numFrames: 60 * 5,
// record: true,
// video: 'mp4',
draw: (sketch, time, globals) => {
sketch.background('white');
sketch.translate(sketch.width / 2, sketch.height / 2);
const steps = 10;
for (let idx = 0; idx < steps; idx++) {
for (let idx2 = 0; idx2 < steps; idx2++) {
const posX = sketch.map(idx, 0, steps - 1, -200, 200)
const posY = sketch.map(idx2, 0, steps - 1, -200, 200)
const timeStep = sketch.map(time, 0, 1, 0, 100)
const size = timeStep
sketch.circle(posX, posY, size)
}
}
},
})
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.
