A Loopy Ruler.js

background(0, 251, 255);

fill(255, 0, 217);
textSize(19); 
text("Check Out THIS AWESOME RULER!", 45, 101); 

text("Just KIDDING it's better than awesome.", 41, 133); 
text("Beat THAT!", 150, 285); 
noStroke(); 
fill(255, 245, 46);
ellipse(206, 203, 100, 100); 
fill(0, 0, 0);
ellipse(186, 193, 20, 20); 
fill(0, 0, 0);
ellipse(225, 193, 20, 20); 
fill(255, 120, 246);
arc(207, 220, 25, 0, 180, 205); 

textSize(14); 
fill(38, 0, 255);

var x = 0; 
while(x < 400){
    text(x,x,10);
    x+=50;
}
var y = 0; 
while(y < 400){
     text(y, 0, y);
     y+=50;
}