var table,v1,v2,v1test,v2test;
var yearsdata = new Array();
var femaledata = new Array();
var maxlim,minlim;
var maxyr,minyr;

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

function setup() {
  	//count the columns
  	createCanvas(2000,2000);

	v1test = table.getColumn(0);
	v2test = table.getColumn(1);
	v1 = ArrNoDupe(v1test);
	v2 = ArrNoDupe(v2test); 

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

function ArrNoDupe(a) {
var temp = {};
for (var i = 0; i < a.length; i++)
	temp[a[i]] = true;
var r = [];
for (var k in temp)
	r.push(k);
return r;
}

function draw() {
	background(255);

	var mapy = new Object(); 
	var mapx = new Object(); 
	
	rect(70,20,885,885);
	var i,j,k;
	var x =40,y = 20;
	var xrect,yrect;
	var x1 = 70,y1 = 915;
	for(i=0,j =0;i<v1.length,j<v2.length;i++,j++)
	{
		textSize(11)
		text(v1[i],x,y+15);
		mapy[v1[i]] = y;
		textSize(6);
		text(v2[j],x1+5,y1);
		mapx[v2[j]] = x1;
		x1 = x1+17;
		y= y+17;
		line(70,y,955,y);
		line(x1,20,x1,905);
	}

	for(k = 0;k<v1test.length;k++) {
		xrect = mapx[v2test[k]];
		yrect = mapy[v1test[k]];
		push();
		fill("cyan");
		rect(xrect,yrect,16,16);
		pop();

		var str1= "(";
		var str2 = str1.concat(v2test[k]);
		var str3 = str2.concat(", ");
		var str4 = str3.concat(v1test[k]);
		var val = str4.concat(")");

		if(mouseX > xrect && mouseY > yrect && mouseX < xrect+10 && mouseY < yrect+10 ) {
			push();
			textSize(12)
			text(val, mouseX, mouseY-10); 
			pop();
		}	
	}

	/*var interval = maxlim/10;
	for(var l =0;l<maxlim+interval;l=l+interval) {
		posy = map(l,0,maxlim+interval,750,10);
		fill(50);
		var cnum = Math.ceil(l)
		textAlign(LEFT);
		text(cnum,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]);
		posx1 =map(x1,minyr,maxyr+1,150,1000);
		y1 = Number(femaledata[k]);
		posy1 = map(y1,0,maxlim+interval,750,10);

		fill("ORANGE");
		ellipse(posx1,posy1,7,7);

		var sval = map(posy1,10,750,maxlim+interval,0);

		if(mouseX > posx1 && mouseY > posy1 && mouseX < posx1+7 && mouseY< posy1+7 ) {
			fill(50);
			text(sval, mouseX+10, mouseY-10); 
		}	
	
	}
	line(100,10,100,750);
	line(100,750,1000,750);
	fill(50)
	text("Year",500,780);
	text("CS Females count",50,325);*/
}