var table;
var m_name;
var f_name;
var m_networth;
var f_networth;
var m_age;
var f_age;



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

function setup() {
  createCanvas(800, 600);
  m_name = [];
  f_name = [];
  m_networth =[];
  f_networth =[];
  m_age=[];
  f_age=[];
  for(var r=0; r<1200;r++){
    if(!(table.getString(r,"age")==-1)&&(table.getString(r,"gender")=="male")){
        m_networth.push(table.getString(r, "worth in billions"));
        print(table.getString(r, "worth in billions"));
        m_age.push(table.getString(r,"age"));
        print(table.getString(r, "age"));
        m_name.push(table.getString(r,"name"));
    }else if(!(table.getString(r,"age")==-1)&&(table.getString(r,"gender")=="female")){
        f_networth.push(table.getString(r, "worth in billions"));
        print(table.getString(r, "worth in billions"));
        f_age.push(table.getString(r,"age"));
        print(table.getString(r, "age"));
        f_name.push(table.getString(r,"name"));
    }
  }

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

function draw() {
    //   var year = [1996, 2001, 2014];
    //   var networth = [18.5, 58.7, 76];
      var m_count=m_age.length;
      var f_count=f_age.length;
    
      background(204);
      stroke(153);
      line(60,60,60,540);
      line(60,540,340,540);
      
      line(460,60,460,540);
      line(460,540,740,540);

      fill(0,0,0);
      strokeWeight(1);
      text("Age", 350, 560);
      fill(0,0,0);
      strokeWeight(1);
      text("Net Worth/B", 50, 60);
      fill(0,0,0);
      strokeWeight(1);
      text("Male billionaire Networth vs Age", 200, 80);

      fill(0,0,0);
      strokeWeight(1);
      text("Age", 750, 560);
      fill(0,0,0);
      strokeWeight(1);
      text("Net Worth/B", 450, 60);
      fill(0,0,0);
      strokeWeight(1);
      text("Female billionaire Networth vs Age", 600, 80);

      for(var i=0; i<5; i++){
        fill(0,0,0);
        var num = max(m_networth)+4-i*20;
        text(num, 50, max(m_networth)+4+115*i);
      }
    
      for(var i=0; i<8; i++){
        fill(0,0,0);
        var num = min(m_age)-10+i*13;
        text(num, 60+38*i, 560);
      }

      for(var i=0; i<5; i++){
        fill(0,0,0);
        var num = max(m_networth)+4-i*20;
        text(num, 450, max(m_networth)+4+115*i);
      }
    
      for(var i=0; i<8; i++){
        fill(0,0,0);
        var num = min(m_age)-10+i*13;
        text(num, 460+38*i, 560);
      }
    
      for(var i=0; i<m_count; i++){
        fill(75,255,75);
        strokeWeight(1);
        text("$", 50+m_age[i]*3.0, 540-5.7*m_networth[i]);

        if(dist(mouseX,mouseY,50+m_age[i]*3.0,540-5.7*m_networth[i])<7.7)
          {
            fill(0,0,0);
            strokeWeight(1);
            text("networth:", mouseX-29, mouseY-5)
            text(m_networth[i], mouseX+14, mouseY-5); 
    
            fill(0,0,0);
            strokeWeight(1);
            text("age:", mouseX-10, mouseY-20);
            text(m_age[i], mouseX+14, mouseY-20); 
    
            fill(0,0,0);
            strokeWeight(1);
            text(m_name[i], mouseX+14, mouseY-35); 
          }
      }
      for(var i=0; i<f_count; i++){
        fill(75,255,75);
        strokeWeight(1);
        text("$", 450+f_age[i]*3.0, 540-5.7*f_networth[i]);

        if(dist(mouseX,mouseY,450+f_age[i]*3.0,540-5.7*f_networth[i])<7.7)
          {
            fill(0,0,0);
            strokeWeight(1);
            text("networth:", mouseX-29, mouseY-5)
            text(f_networth[i], mouseX+14, mouseY-5); 
    
            fill(0,0,0);
            strokeWeight(1);
            text("age:", mouseX-10, mouseY-20);
            text(f_age[i], mouseX+14, mouseY-20); 
    
            fill(0,0,0);
            strokeWeight(1);
            text(f_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", 200, 60);
      // console.log(person[0]);
      // console.log(ratio);
    
      
    
    
    
    
    }