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;


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");


// 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);


// 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

 fill(0, 150);

Assignment 02: Scatterplot in D3

As part of this course you will be given weekly challenges to help you get more familiar with D3. In this assignment you will take the data from Global Infectious Disease Ratings & Democratization Scores of Country to plot out a Scatterplot.

The Dataset is called disease_democ.csv and can be found in this zip file.

You will model your Scatterplot on this D3 example

Don’t forget to run the python server to load the csv file into the html document:

python -m SimpleHTTPServer 8888 &

Future of Education – part I

For the first part of your Future of Education Data Visualization you will be looking for data to support a story or message that you’d like to communicate. For example if you’d like to show that the price of university education in Canada is consistently rising over the past decade you may want to find specific data that represents this increase in tuition (see links below):

Tuition fees for degree programs, 2016/2017

Undergraduate tuition fees for full time Canadian students, by discipline, by province (Canada)

Once you’ve analyzed the data then sketch different ways of representing this data (pencil and paper).

Assignment 00: One Good Data Visualisation

Find an example of a data visualisation that represents at least two of the principles outlined in Principles of Information Design PDF.
Write some brief notes about:

  • Why you chose this visualisation
  • What makes is a good example in your opinion
  • Which principles does it adhere to
  • Is the visualisation exploratory of explanatory

Post your example with notes in the thread below