angleMode(DEGREES);

  createCanvas(900, 950);

}

​

function draw() {

  background(40);

​

  //square

  strokeWeight(5);

  line(50, 75, 850, 75);

  line(50, 875, 850, 875);

  line(50, 75, 50, 875);

  line(850, 75, 850, 875);

​

  //diagonals - moved down to overlay ontop of smaller quad

  //line(850,75,50,875);

  //line(50,75,850,875);

​

  //smaller quad around center point thicker line

  fill(112);

  quad(150, 175, 750, 175, 750, 775, 150, 775);

​

  //diagonals

  strokeWeight(3);

  line(850, 75, 50, 875);

  line(50, 75, 850, 875);

​

  //arc couloring in the bottom part of quad white

  //arc start point 3 down to get arc outlined

  fill(225);

  arc(450, 477, 600, 600, 45, 135);

​

  //smaller arc couloring in the top part of quad

  //arc start point 3 down to get arc outlined

  fill(168, 30, 48); //wow,three random nubers gives you coulours. good to know

  arc(450, 472, 300, 300, 225, 315);

}

​