DataVisualization

var steps;//array

var sleep;

var stepData;

​

function preload() {

  stepData = loadTable("activity.csv","csv","header");

}

​

function setup() {

  createCanvas(windowWidth,windowHeight);

  background(128);

  frameRate(30);

  steps = stepData.getColumn("steps");

  sleep = stepData.getColumn("sleep");

  noStroke();

}

​

function draw() {

  for (var counter = 0;counter < steps.length;counter++) {

    fill(255,0,0);

    rect(100*counter,windowHeight,50,-steps[counter]/20);

    fill(0,0,255);

    rect((100*counter)+50,windowHeight,50,-sleep[counter]*20);

  }

}