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

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

function setup() {
  	//count the columns
  	createCanvas(1000,1000);
	majors = table.getColumn('Major');i
  	years = table.getColumn('Year');
	employed = table.getColumn('Employed');
	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];
			j++;
  		}
	}

	maxlim =Math.max.apply(null, employeddata);
	maxyr = Math.max.apply(null,yearsdata);
	minyr = Math.min.apply(null,yearsdata); 

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

}

function draw() {
	background(255);

	var interval = maxlim /10;
	for(var l =0;l<=maxlim+interval;l= l+interval) {
		posy = map(l,0,maxlim+interval,750,0);
		fill(50);
		textAlign(LEFT)
		text(l,3,posy);
	}
	for(var m = minyr;m<maxyr+1;m++) {
		posx = map(m,minyr,maxyr+1,50,800);
		fill(50);
		textAlign(CENTER)
		text(m,posx,765);
	}

	for(var k = 0;k<yearsdata.length;k++) {
		x1 = Number(yearsdata[k]);
		posx1 =map(x1,minyr,maxyr+1,50,800);
		y1 = Number(employeddata[k]);
		posy1 = map(y1,0,maxlim+interval,750,0);
		
		
		x2 = Number(yearsdata[k+1]);
		posx2 =map(x2,minyr,maxyr+1,50,800);

		y2 = Number(employeddata[k+1]);
		posy2 =map(y2,0,maxlim+interval,750,0);
		
		lineval = Math.round(map(posy1,750,0,0,maxlim+interval));
		stroke("green");
		line(posx1,posy1,posx2,posy2);
		if(mouseX > posx1 && mouseY > posy1 && mouseX<posx1+posy2 && mouseY<posy1+posy2) {
			text(lineval, mouseX+20, mouseY); 
		}

	
	}
	stroke(51);
	strokeWeight(1);
	line(50,10,50,750);
	line(50,750,800,750);
	textSize(9);
	textAlign(LEFT);
	text("CS Employed count",0,300);
	textSize(12);
	textAlign(CENTER);
	text("Year",400,780);
}