var table,years,majors,employed;
var yearsdata = new Array();
var employeddata = new Array();
var unemployeddata = new Array();
var maxlimemp, maxlimuemp, maxyr, minyr, maxlim;

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

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

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

}

function draw() {
	background(255);
	var tempyear =0;
	var interval = maxlim/10;
	for(var l =0;l<maxlim+interval;l=l+interval) {
		posy = map(l,0,maxlim+interval,750,10);
		fill(50);
		numc = Math.ceil(l)
		textAlign(LEFT);
		text(numc,53,posy);
	}
	text(0,100,765);
	for(var m = minyr;m<maxyr+1;m++) {
		posx = map(m,minyr,maxyr+1,150,1000);
		fill(50);
		textAlign(CENTER);
		text(m,posx,765);
		
	}

	//print(femaledata.length);
		
	for(var k = 0;k<yearsdata.length;k++) {

		x1 = Number(yearsdata[k]);
		print(x1);
		posx1 =map(x1,minyr,maxyr+1,150,1000);
		y1 = Number(employeddata[k]);
		posy1 = map(y1,0,maxlim+interval,750,10);
		
		y2 = Number(unemployeddata[k]);
		posy2 =map(y2,0,maxlim+interval,750,10);

		
		fill('red');
		ellipse(posx1,posy1,6,6);
		var evalue = map(posy1,10,750,maxlim+interval,0);

		if(mouseX > posx1 && mouseY > posy1 && mouseX < posx1+6 && mouseY< posy1+6 ) {
			fill(50);
			text(evalue, mouseX+10, mouseY-10); 
		}	

		fill('blue');
		ellipse(posx1,posy2,6,6);
		var uvalue = map(posy2,10,750,maxlim+interval,0);

		if(mouseX > posx1 && mouseY > posy2 && mouseX < posx1+6 && mouseY< posy2+6 ) {
			fill(50);
			text(uvalue, mouseX+10, mouseY-10); 
		}	

	}
	
	line(100,10,100,750);
	line(100,750,1000,750);
	fill(50);
	text("Total",35,300);
	text("Year",500,780);
	fill("red");
	rect(1200,50,15,15);
	fill(50);
	text("CS Employed",1275,65);
	fill("blue");
	rect(1200,85,15,15);
	fill(50);
	text("CS Unemployed",1275,100);
}