{

    name: 'Canada',

    size: 200,

    colour: 'brown',

  },

  {

    name: 'Peru',

    size: 150,

    colour: 'orange',

  },

  {

    name: 'Croatia',

    size: 250,

    colour: 'yellow',

  }

];

​

​

function setup() {

  createCanvas(600, 600);

  noLoop();

}

​

function draw() {

  background('black');

  for( let i=0; i< countries.length; i++) {

    posX = random(0,600);

    posY = random(0,600);

    noStroke()

    fill(countries[i].colour);

    circle(posX,posY,countries[i].size);

    // text creation

    fill('white');

    textSize(countries[i].size/5);

    textAlign(CENTER, CENTER);

    text(countries[i].name, posX, posY);

  }

}