var table;
var year;
var networth;

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

function setup() {
  createCanvas(800, 600);
  year =[];
  networth=[];
  var rows = table.getRowCount();
  for(var i=0; i<table.getRowCount(); i++){
    if((table.getString(i, "name")=="Bill Gates")){
        console.log(table.getString(i,"year"));
        year.push(table.getString(i,"year"));
        console.log(table.getString(i,"worth in billions"));
        networth.push(table.getString(i,"worth in billions"));
    }
  }
  textSize(15);
  textAlign(CENTER);
  fill(0);
}

function draw() {
//   var year = [1996, 2001, 2014];
//   var networth = [18.5, 58.7, 76];
  //console.log(max(networth));
  var count=year.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);
    strokeWeight(1);
    var num = max(networth)+4-i*20;
    text(num, 50, max(networth)+4+115*i);
  }
  for(var i=0; i<count; i++){
    fill(0,0,0);
    text(year[i], 200+680*i/(count+1), 560);
    fill(75,255,75);
    strokeWeight(1);
    text("$", 200+680*i/(count+1),540-5.7*networth[i]);
    fill(0,0,0);
    strokeWeight(1.5);
    line(200+680*i/(count+1),530-5.7*networth[i],
    200+680*(i+1)/(count+1),530-5.7*networth[i+1])

    if(dist(mouseX,mouseY,200+680*i/(count+1),540-5.7*networth[i])<12)
      {
        fill(0,0,0);
        strokeWeight(1);
        text(networth[i], mouseX+14, mouseY-5); 
      }

  }

  var total = 700;
  fill(0,0,0);
  strokeWeight(1);
  text("Year", 750, 560);
  fill(0,0,0);
  strokeWeight(1);
  text("Net Worth/B", 50, 50);
  fill(0,0,0);
  strokeWeight(1);
  text("How Bill Gate's net worth varies by years", 400, 60);
  // console.log(person[0]);
  // console.log(ratio);

  




}