Golden Ratio 1

index.html

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

script.js

function setup() {
    createCanvas(650, 450);
    background(250);
    noFill();

    let x = width / 2;
    let y = height / 2;
    let size = 15;
    let phi = 1.618;
    let num = 1;

    circle(x, y, size);

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

thumbnail.png