p5(sketch => {
let system;
sketch.setup = function() {
sketch.createCanvas(1000, 1000);
sketch.noLoop();
};
sketch.draw = function() {
sketch.background('#F7F7F7');
sketch.fill('black');
sketch.noFill();
sketch.textSize(12);
let r1 = 400;
let r2 = 150;
sketch.translate(sketch.width/2, sketch.height/2);
sketch.beginShape();
for(let i = 0; i < 120; i++) {
sketch.vertex(sketch.sin(i)*r1, sketch.cos(i)*r1);
for(let j = 0; j < 120; j+=0.1) {
sketch.vertex(sketch.sin(j*i)+r2, sketch.cos(j*i)+r2);
}
}
sketch.endShape();
}
})
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.
