Golden Ratio 2

index.html

<script src="https://cdn.jsdelivr.net/npm/p5"></script>
<script src="script.js"></script>

script.js

function setup() {
    createCanvas(650, 450);
    background(255, 170, 0, 95);
    noStroke();
    fill(30, 70);

    let x = width / 2 + 182;
    let y = height / 2;
    let size = 8;
    let phi = 1.618;

    for (let i = 1; i <= 8; i++) {
        size *= phi;
        x = x - size / 5.3;
        circle(x, y, size);
    }

    x = width / 2 - 182;
    y = height / 2;
    size = 8;

    for (let i = 1; i <= 8; i++) {
        size *= phi;
        x = x + size / 5.3;
        circle(x, y, size);
    }
}

thumbnail.png