My Sketch

// colors     

//fill(w_color);

//ellipse(wSquare * 2.5, hSquare * 2.5, wSquare , hSquare);

var b_color;

var w_color;

​

// stroke size

var stW;

​

// size of squares

var hSquare;

var wSquare;

​

// starting position of each square

var startX;

var startY;

​

function setup() {

  createCanvas(600, 600);

  b_color = '#000000';

  w_color = '#ffffff';

  stW = 1;

​

  // calculate the size of squares

  wSquare = 600 / 5;

  hSquare = 600 / 5;

​

  startX = 0;

  startY = 0;

​

  // set angle mode

  angleMode(DEGREES);

​

  noLoop(); // prevent continuous draw

}

​

function draw() {

  background(w_color);

  stroke(b_color);

  strokeWeight(stW);

​

  // Row 1

  // Grid 1

  fill(w_color);

  rect(startX, startY, wSquare, hSquare);

  // Grid 2

  fill(w_color);

  rect(wSquare, startY, wSquare, hSquare);

  // Grid 3

  fill(w_color);

  rect(wSquare * 2 , startY, wSquare, hSquare);

​

  // Grid 4

  fill(b_color);

  rect(wSquare * 3, startY, wSquare, hSquare);

  fill(w_color);

  arc(wSquare * 4, hSquare, wSquare * 2 , hSquare * 2, 180, 270);

  // Grid 5

  fill(b_color);

  rect(wSquare * 4, startY, wSquare, hSquare);

    fill(w_color);

  arc(wSquare * 4, hSquare, wSquare * 2 , hSquare * 2, 270, 360);

​

  // Row 2

  // Grid 6

  fill(b_color);

  rect(startX, hSquare , wSquare, hSquare);

  fill(w_color);

  arc(wSquare, hSquare * 2, wSquare * 2, hSquare * 2, 180, 270);

  // Grid 7

  fill(w_color);

  rect(wSquare, hSquare, wSquare, hSquare);

    fill(b_color);

  arc(wSquare * 1  , hSquare * 2 , wSquare * 2, hSquare * 2, 270, 360);

​

  // Grid 8 

  fill(w_color);

  rect(wSquare * 2, hSquare , wSquare, hSquare);

   // Grid 9 

  fill(w_color);

  rect(wSquare * 3, hSquare , wSquare, hSquare);

     // Grid 10 

  fill(b_color);

  rect(wSquare * 4, hSquare  , wSquare, hSquare);

  fill(w_color);

   arc(wSquare * 4 , hSquare  , wSquare * 2 , hSquare * 2, 0, 90);

  // Grid 11

  fill(w_color);

  rect(startX , hSquare * 2 , wSquare , hSquare  );

    // Grid 12

  fill(w_color);

  rect(wSquare , hSquare * 2 , wSquare , hSquare  );  

     // Grid 13 

  fill(b_color);

  rect(wSquare * 2  , hSquare * 2  , wSquare, hSquare );

  fill(w_color);

ellipse(wSquare * 2.5, hSquare * 2.5, wSquare , hSquare);

       // Grid 14 

  fill(b_color);

  rect(wSquare * 3  , hSquare * 2  , wSquare, hSquare );

     // Grid 15

  fill(w_color);

  rect(wSquare * 4  , hSquare * 2 , wSquare , hSquare  );

    fill(b_color);

    arc(wSquare * 4 , hSquare * 2  , wSquare * 2 , hSquare * 2, 0, 90);

  // Grid 16

  fill(w_color);

  rect(startX , hSquare * 3 , wSquare , hSquare  );

    // Grid 17

  fill(w_color);

  rect(wSquare , hSquare * 3 , wSquare , hSquare  );

  // Grid 18

  fill(b_color);

  rect(wSquare * 2  , hSquare * 3 , wSquare , hSquare  );

    fill(w_color);

    arc(wSquare * 2 , hSquare * 4  , wSquare * 2  , hSquare *2 , 270, 360);

  // Grid 19

  fill(b_color);

  rect(wSquare * 3  , hSquare * 3 , wSquare , hSquare  );

    fill(w_color);

    arc(wSquare * 3 , hSquare * 4  , wSquare * 2  , hSquare *2 , 270, 360);

​

       // Grid 20

  fill(b_color);

  rect(wSquare * 4  , hSquare * 3 , wSquare , hSquare  );

    fill(w_color);

    arc(wSquare * 4 , hSquare * 4  , wSquare * 2  , hSquare *2 , 270, 360);

  // Grid 21

  fill(w_color);

  rect(startX , hSquare * 4 , wSquare , hSquare  );

     // Grid 22

  fill(b_color);

  rect(wSquare   , hSquare * 4 , wSquare , hSquare);

    fill(w_color);

    arc(wSquare * 2 , hSquare * 4  , wSquare * 2   , hSquare * 2 , 90, 180);

   // Grid 23

  fill(w_color);

  rect(wSquare * 2  , hSquare * 4 , wSquare , hSquare);

    fill(b_color);

    arc(wSquare * 2 , hSquare * 4  , wSquare * 2   , hSquare * 2 , 0, 90);

​

// Grid 24

  fill(w_color);

  rect(wSquare * 3  , hSquare * 4 , wSquare , hSquare  );

     // Grid 25

  fill(w_color);

  rect(wSquare * 4  , hSquare * 4 , wSquare , hSquare  );

​

 }