Exercise 02

Download this small csv file with vancouver-temperatures

//Exercise 02 - Plotting temperature on line chart
//Feb 2018 Haig Armen

size(900, 200);
Table myTable = loadTable("vancouver-temperatures.csv", "header");
//PFont myFont;

background(255);

int spacing = 40;
//rect(20, 20, (width-40), (height-40));

//float lastX = 20;
//float lastY = 50;

for (int i = 0; i < myTable.getRowCount(); i = i + 1) {
 TableRow myRow = myTable.getRow(i);
 int temp = myRow.getInt("temp");
 String date = myTable.getString(i, "date"); 
 print(temp + "\n");

noStroke();
 fill(0);
 ellipseMode(CENTER);

// use the map function to find the right y coordinate to represent temperature
 float y = map(temp, 1, 10, 160, 20);
 ellipse(i*spacing, y, 5, 5);

noFill();

// wait a minute, this is showing the temperature upsidedown, highest is at the bottom
 //float y = map(temp, 1, 10, 160, 20);

// while we're at it, let's calculate the x value too
 float x = i*(20+spacing)+80;

//draw a line to connect the dots

stroke(180);
 fill(0, 150);
}