Project Question

Now why are there spikes?!

var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36];

function setup() {
  createCanvas(500, 500);
  colorMode(HSB);
}

function draw() {
  background(0);
	strokeWeight(10);
	stroke(255);
	
	i = 0;
	for (var x = 50; x < width; x = x + 80)
	for (var y = 50; y < 500; y = y + 80) {
	ellipse(x, y, 25, 25);
	text(numbers[ i ], x, y);
	i++;
	
	}
	

}