var table;
var the_name;
var networth;
var age;
var gender;

function preload(){
  table = loadTable('billionaires.csv', 'csv','header');
}

function setup() {
  createCanvas(800, 600);
  the_name = [];
  networth =[];
  age=[];
  gender=[];
  for(var r=0; r<1200;r++){
    if(!(table.getString(r,"age")==-1)){
        networth.push(table.getString(r, "worth in billions"));
        print(table.getString(r, "worth in billions"));
        age.push(table.getString(r,"age"));
        print(table.getString(r, "age"));
        the_name.push(table.getString(r,"name"));
        gender.push(table.getString(r, "gender"));
        print(table.getString(r, "gender"));
    }
  }

  textSize(15);
  textAlign(CENTER);
  fill(0);
}

function draw() {
//   var year = [1996, 2001, 2014];
//   var networth = [18.5, 58.7, 76];
  var count=age.length;

  background(204);
  stroke(153);
  line(60,60,60,540);
  line(60,540,740,540);
  for(var i=0; i<5; i++){
    fill(0,0,0);
    var num = max(networth)+4-i*20;
    text(num, 50, max(networth)+4+115*i);
  }

  for(var i=0; i<8; i++){
    fill(0,0,0);
    var num = min(age)-10+i*13;
    text(num, 60+80*i, 560);
  }

  for(var i=0; i<count; i++){
    if(gender[i]=="male"){
        fill(255,255,75);
        strokeWeight(1);
        text("$", 50+age[i]*6.1,540-5.7*networth[i]);
    }else{
        fill(75,255,255);
        strokeWeight(1);
        text("$", 50+age[i]*6.1,540-5.7*networth[i]);
    }
    if(dist(mouseX,mouseY,50+age[i]*6.1,540-5.7*networth[i])<10)
      {
        fill(0,0,0);
        strokeWeight(1);
        text("networth:", mouseX-29, mouseY-5)
        text(networth[i], mouseX+14, mouseY-5); 

        fill(0,0,0);
        strokeWeight(1);
        text("age:", mouseX-10, mouseY-20);
        text(age[i], mouseX+14, mouseY-20); 

        fill(0,0,0);
        strokeWeight(1);
        text(the_name[i], mouseX+14, mouseY-35); 
      }
  }

  fill(255,255,75);
  strokeWeight(1);
  text("$", 100, 100);
  fill(255,255,75);
  strokeWeight(1);
  text(": Male", 130, 100);

  fill(75,255,255);
  strokeWeight(1);
  text("$", 100, 120);
  fill(75,255,255);
  strokeWeight(1);
  text(": Female", 140, 120);

  


  fill(0,0,0);
  strokeWeight(1);
  text("Age", 750, 560);
  fill(0,0,0);
  strokeWeight(1);
  text("Net Worth/B", 50, 50);
  fill(0,0,0);
  strokeWeight(1);
  text("Correlation between Age and Networth", 400, 60);
  // console.log(person[0]);
  // console.log(ratio);

  




}