​

function preload(){

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

}

​

​

function setup() {

  createCanvas(600, 400);

}

​

function draw() {

  background(220);

  let numRows = cities.getRowCount();

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

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

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

  for(i=0;i<numRows; i++){

    noStroke();

    fill(255,0,150,20);

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

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

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

  }

}