​

function preload(){

  cities=loadTable('worldcity.csv','csv','header');

}

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  let rowNum=cities.getRowCount();

  let lat=cities.getColumn('lat');

  let lng=cities.getColumn('lng');

  let population=cities.getColumn('population')

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

    noStroke()

    fill(237,34,93,20)

    let circleX=map(lng[i],-180,180,0,width)

    let circleY=map(lat[i],-180,180,0,height)

    circle(circleX,circleY,population[i]/700000)

  }

}