var edges;
var vertices;
var numVertices;
function preload(){

	table = loadTable('cleanededges.csv');

}


function setup(){
createCanvas(1000,1000);


//array of array EDGES and dict (unique) vertices
edges = [];
vertices = {};
numVertices = 0;
for(var r = 0; r<table.getRowCount();r++){
		var v1 = table.getNum(r,0);
		var v2 = table.getNum(r,1);
		if(v1 in vertices){
		  append(vertices[v1],v2);
		}
		else{
			vertices[v1] = [];
			vertices[v1][0] = v2;
			vertices[v1][1] = v1;
			numVertices++;
		}
		if(v2 in vertices){
			append(vertices[v2],v1);
		}
		else{
			vertices[v2] = [];
			vertices[v2][0] = v1;
			vertices[v2][1] = v2;
			numVertices++;
		}

	}

}



function draw(){
	clear();
	rect(150,50,600,600);
	var squareL = 600;
	var step = 600/numVertices;

	var xStart  = 150;
	var temp = xStart;
	var yStart = 50;
	var yHolder = yStart-10;
	var xHolder = xStart;
	for(key in vertices){
		var array = vertices[key];
		fill(0);
		textSize(5);

		text(key,xStart-30,yStart+10);
		
		text(key,xHolder,yHolder);
		for(key2 in vertices){

			var x1 = temp;
			var x2 = temp+step;
			var y1 = yStart;
			var y2 = yStart + step;

			if(mouseX > x1 && mouseX < x2 && mouseY < y2 && mouseY > y1){

				fill(255,0,0,50);
				rect(150,yStart,600,step);
				rect(temp,50,step,600);
				fill(0);
				textSize(10);
				text("You are at vertices:("+key+","+key2+")",20,20);
			}

			fill(255);
			rect(temp,yStart,step,step);


			for(var i = 0;i<array.length-1;i++){

				if(key2 == array[i]){
				   fill(0,0,255);
				   rect(temp,yStart,step,step);
				}
			}

			temp = temp+step;
		}

	temp = xStart;
	yStart = yStart +step;	
	xHolder += step;
	

}



}