var table;

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

}


function draw() {

	clear();

	createCanvas(800, 800);

	var titles = [];
	var polyArr = [];
	var wordsArr = [];
	for (var x=0; x < table.getRowCount(); x++) { // Polysyllables
		append(polyArr, table.getString(x,22));
	}
	for (var x=0; x < table.getRowCount(); x++) { // Words
		append(wordsArr, table.getString(x,31));
	}
	for (var x=0; x < table.getRowCount(); x++) { // Titles
		append(titles, table.getString(x,28));
	}
	// print(titles);
	// print(polyArr);
	// print(wordsArr);

	var h = 600, w = 600;
	var margin = 50;
	stroke(1);
	line(margin,h-margin,w-margin,h-margin); // x axis  (50,550), (550,550)
	line(margin,margin,margin,h-margin); // y axis  (50,50), (50,550)

	fill(50);
	var xlab = "Word Count";
	var ylab = "Polysyllable Count";
	textSize(10);
	textAlign(LEFT);
	text(xlab, w-margin + 10, h-margin);
	textAlign(CENTER);
	text(ylab, margin, margin - 10);

	var maxWords = max(wordsArr);
	var maxPoly = max(polyArr);
	// print(maxWords, maxPoly); // 882996, 17948
	var minWords = min(wordsArr);
	var minPoly = min(polyArr);
	// print(minWords, minPoly); // 3410, 24

	line(margin-4, margin+20, margin+4, margin+20); // y axis markings
	line(margin-4, h-margin-20, margin+4, h-margin-20);
	textAlign(RIGHT);
	text(maxPoly, margin-10, margin+20);
	text(minPoly, margin-10, h-margin-20);
	line(margin+20, h-margin-4, margin+20, h-margin+4); // x axis markings
	line(w-margin-20, h-margin-4, w-margin-20, h-margin+4);
	textAlign(CENTER);
	text(minWords, margin+20, h-margin+20);
	text(maxWords, w-margin-20, h-margin+20);

	var len = wordsArr.length;
	for (var i=0; i<len; i++) {
		var wordMap = map(wordsArr[i], minWords, maxWords, margin+20, w-margin-20);
		var polyMap = map(polyArr[i], minPoly, maxPoly, h-margin-20, margin+20);
		noStroke();
		fill("#fae");
		ellipse(wordMap, polyMap, 5);

		if (dist(mouseX, mouseY, wordMap, polyMap) < 5) {
			fill('rgb(255,51,51)');
			ellipse(wordMap, polyMap, 7);
			fill(50);
			textSize(11);
			textAlign(LEFT);
			text(titles[i], wordMap + 10, polyMap); 
		}

	}

}