let table;

​

function preload(){

  table = loadTable("premier_league.csv" , "csv", "header");

}

​

function setup() {

  createCanvas(400, 400);

  background(200);

  //print(table);

  textAlign(CENTER, TOP);

  createCanvas(400, 500);

  numberOfRows = table.getRowCount();

  numberOfColumns = table.getColumnCount();

  for (let r=0; r < table.getRowCount(); r++){

    name = table.getString(r, "Team");

    points = table.getNum(r, "Pts");

    wins = table.getNum(r, "W");

    x = random(0,width);

    y= random(0,height);

    size = map(points, 0, 280, 0, 150);

    fillColor = map(wins,0,130,0,255);

    fill(fillColor,20,100);

    ellipse(x,y,size);

    text(name,x,y,size/2 + 5);

    //print(points)

  }

}

​

function draw() {

  textSize(16);

    noStroke();

    fill(255);

    text(name, posX+20, posY+40);

    fill(red);

    rect(posX+spacebtwx, posY-MP*barheight, widthbar, MP*barheight);

​

}