Discovery2

var data;

var yearEast, yearWest, discovery;

var randomB, randomHue;

​

function preload() {

  data = loadTable("discovery.csv","csv","header");

}

​

function setup() {

  createCanvas(windowWidth, 6000);

  background("#615055");

  // blendMode(ADD);

  colorMode(RGB);

  yearEast = data.getColumn("East");

  yearWest = data.getColumn("West");

  discovery = data.getColumn("Discovery");

  randomHue = 189;

  randomB = random(50,100);

}

​

function draw() {

  background("#615055");

  for(var i=0;i<yearEast.length;i++) {

    var yPosEast = map(yearEast[i],601,1976,100,5900);

    var yPosWest = map(yearWest[i],601,1976,100,5900);

    //define color

    colorMode(HSB);

    textAlign(LEFT,CENTER);

    //draw year East

    fill(randomHue,100,randomB);

    noStroke();

    text(yearEast[i],100,yPosEast);

    noFill();

    stroke(randomHue,100,randomB);

    ellipse(130,yPosEast,5,5);

    //discovery text

    text(discovery[i],150,yPosEast);

    //draw year West

    fill(randomHue,100,randomB);

    noStroke();

    text(yearWest[i],windowWidth-90,yPosWest);

    noFill();

    stroke(randomHue,100,randomB);

    ellipse(windowWidth-100,yPosWest,5,5);

    //draw line

    line(130,yPosEast,windowWidth-100,yPosWest);

    // stroke(random(128,255),0,0); //RGB

    stroke(randomHue,100,randomB);

    bezier(130,yPosEast,windowWidth/2,yPosEast,windowWidth/2,yPosWest,windowWidth-100,yPosWest);

  }

}

​

function mouseClicked(){

  randomHue = random(0,360);

}