createCanvas(800, 800);

}

​

function draw() {

  background(255);

  noStroke()

  let noCircles = 8;

  let maxDiameter = 600;

  let increment = maxDiameter/noCircles;

    for (let j = 0; j<noCircles;j++){

    let diameter = (increment*(j+1));

    fill(18,60,99,255-(j*255/noCircles));

    circle(100,100,diameter*2)

  }

  for (let i = 0; i<noCircles;i++){

    let diameter = (increment*(i+1));

    fill(246,137,34,255-(i*255/noCircles));

    circle(800,200,diameter)

  }

        for (let m = 0; m<noCircles;m++){

    let diameter = (increment*(m+1));

    fill(57,136,185,255-(m*255/noCircles));

    circle(400,400,diameter-100)

    }

​

    for (let l = 0; l<noCircles;l++){

    let diameter = (increment*(l+1));

    fill(244,168,118,255-(l*255/noCircles));

    circle(50,600,diameter-200)

    }

    for (let k = 0; k<noCircles;k++){

    let diameter = (increment*(k+1));

    fill(16,47,70,255-(k*255/noCircles));

    circle(500,800,diameter+200)

  }

​

//     for (let n = 0; n<noCircles;n++){

//     let diameter = (increment*(n+1));

//     fill(200,255,100,255-(n*255/noCircles));

//     circle(400,0,diameter)

//     }

//       for (let m = 0; m<noCircles;m++){

//     let diameter = (increment*(m+1));

//     fill(255,100,255,255-(m*255/noCircles));

//     circle(200,400,diameter)

//     }

//     for (let n = 0; n<noCircles;n++){

//     let diameter = (increment*(n+1));

//     fill(200,255,100,255-(n*255/noCircles));

//     circle(400,400,diameter)

//     }

}