​

function preload() {

  cities = loadTable("worldcities.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 (i = 0; i < rowNum; i++) {

    fill(255, 0, 90, 70);

    noStroke();

​

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

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

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

  }

}

​