const circles = [
    { x: 100, y: 100, color: "red", size: 40 },
    { x: 200, y: 100, color: "orange", size: 40 },
    { x: 300, y: 100, color: "yellow", size: 40 },
    { x: 100, y: 200, color: "green", size: 40 },
    { x: 200, y: 200, color: "cyan", size: 40 },
    { x: 300, y: 200, color: "blue", size: 40 },
    { x: 100, y: 300, color: "purple", size: 40 },
    { x: 200, y: 300, color: "gray", size: 40 },
    { x: 300, y: 300, color: "black", size: 40 },
];

function setup() {
    noLoop();
    createCanvas(400, 400);
    background(255);
    strokeWeight(1);
    stroke(0);
    circles.forEach((o) => {
        fill(o.color);
        circle(o.x, o.y, o.size);
    });
}