Golden Spiral

index.html

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

script.js

function setup() {

  let x, y;
  let fibonacci = [1, 1, 2, 3, 5, 8, 13, 21];

  createCanvas(650, 450);
  translate(40, 40);
 
  for (let i = 7; i >= 0; i--) {
    x = fibonacci[i] * 17;
    y = x;

    stroke('red');
    rect(0, 0, x, y);

    push();
    translate(x, 0);
    
    stroke('black');
    arc(0, 0, x * 2, y * 2, radians(90), radians(180));
    pop();
    
    translate(x, y);
    rotate(radians(270));
  }
}

thumbnail.png