let count = 5;

let size = 30;

let count2 = 2;

let size2 = 60;

let count3 = 15;

let size3 = 10;

​

function setup() {

  c = createCanvas(400, 400);

}

​

function draw() {

  background(65,105,225);

  for (let index = 0; index < count; index++){

    for (let index2 = 0; index2 < count; index2++){

  fill(173,216,230);

  stroke(100,149,237);

      let x = index * size + 15;

      let y = index2 * size + 25;

      let offset = size * 4;

      circle(x + offset, y + offset, size);

      circle(x + offset, y + offset, size - 10);

      circle(x + offset, y + offset, size - 20);

    }

  for (let index = 0; index < count2; index++) {

    for (let index2 = 0; index2 < count2; index2++) {

      let x = index * size2 * 4;

      let y = index2 * size2 * 4;

      let offset = size2 + 15;

      let offset2 = size2 + 23;

      circle(x + offset, y + offset2, size2);

      circle(x + offset, y + offset2, size2 - 20);

      circle(x + offset, y + offset2, size2 - 40);

    }

  }

    for (let index = 0; index < count3; index +=1){

      let lineX1 = map(index, 0, count3-1, 75, 75);

      let lineY1 = map(index, 0, count3-1, 125, 280);

      circle(lineX1, lineY1, size3);

      let lineX2 = map(index, 0, count3-1, 315, 315);

      let lineY2 = map(index, 0, count3-1, 125, 280);

      circle(lineX2, lineY2, size3);

      let lineX3 = map(index, 0, count3-1, 120, 270);

      let lineY3 = map(index, 0, count3-1, 80, 80);

      circle(lineX3, lineY3, size3);

      let lineX4 = map(index, 0, count3-1, 120, 270);

      let lineY4 = map(index, 0, count3-1, 330, 330);

      circle(lineX4, lineY4, size3);

    }

  }

}

  function mouseClicked(){

    saveCanvas(c, 'gridsketch.jpeg')

  }