var table;
var yearsdata = new Array();
var employeddata = new Array();
var maxlim,minlim;
var maxyr,minyr;



function preload() {
  //my table is comma separated value "csv"
  table = loadTable('graduates.csv', 'csv', 'header');
}

function setup() {
  //count the columns
  createCanvas(2000,2000);
  	var years = table.getColumn('Year');
	var majors = table.getColumn('Major');
	var employed = table.getColumn('Employed');
	var j =0;
	for(var i =0; i<table.getRowCount();i++) {
		if(majors[i]=="Computer Science and Math") {
			yearsdata[j]= Number(years[i]);
			employeddata[j]=Number(employed[i]);
			j++;
  		}
	}
	maxlim =Math.max.apply(null, employeddata);
	maxyr = Math.max.apply(null,yearsdata);
	minyr = Math.min.apply(null,yearsdata);       

	//print(maxlim);
  print(table.getRowCount() + ' total rows in table');
  print(table.getColumnCount() + ' total columns in table');

}

function draw() {
	background(255);
	var y,z,w,h;

	var interval = maxlim/10;	
	for(var l =0;l<=maxlim+interval;l=l+interval) {
		posy = map(l,0,maxlim+interval,750,0);
		fill(50);
		textSize(10);
		text(l,50,posy);
	}
	text(0,100,765);
	for(var m = minyr;m<maxyr+1;m++) {
		posx = map(m,minyr,maxyr+1,145,1000);
		fill(50);
		textSize(10);
		text(m,posx,765);
	}

	for(var i = 0;i<yearsdata.length;i++) {
		posx = map(yearsdata[i],minyr,maxyr+1,150,1000);
		posy = map(employeddata[i],0,maxlim+interval,750,0);
		var len = int(dist(posx,posy,posx,750));i
		var barval = map(posy,0,750,maxlim+interval,0);
		fill("blue");
		rect(posx,posy,20,len);
		if(mouseX > posx && mouseY > posy && mouseX < posx+20 && mouseY < posy + len) {
			fill(50);
			text(barval, mouseX+20, mouseY); 
		}

	}
	
	line(100,10,100,750);
	line(100,750,1000,750);
	//push();
	//rotate(PI / 2.0);
	fill(50);
	textSize(8);
	text("Employed CS student",3,360);
	text("Year",500,780);
	//pop();
}