var table;

function preload() {
	//my table is comma separated value "csv“ and has a header specifying the columns labels
	table = loadTable('cars.csv', 'csv', 'header');
}


function setup() {
	createCanvas(800, 800);
	//count the columns
	print("Hello world!");
	print(table.getRowCount() + ' total rows in table');
	print(table.getColumnCount() + ' total columns in table');
	//cycle through the table
	for (var r = 0; r < table.getRowCount(); r++){
		for (var c = 0; c < table.getColumnCount(); c++) {
			print(table.getString(r, c));
		}
	}
}

function draw(){
	background(255);
	line(10,10,10, 800);
	line(10,799,800, 799);
	// fill(255, 0, 0);
	// ellipse(100, 60, 50, 50);

	// fill(0, 225, 0);
	// ellipse(100, 200, 50, 50);

	// fill(0, 0, 225);
	// ellipse(100, 510, 50, 50);

	// for(var x = 0; x < table.getRowCount(); x++){
	// 	ellipse(x, table.getString(x,1), 10, 10);
	// } 
	for(var x = 0; x < table.getRowCount(); x++){
		ellipse(100+x, table.getString(x,1), 10, 10);
	} 
}