Datavis_NeuroSky

let int;

let kn;

​

function preload() {

  table = loadTable("merged.csv", 'csv', 'header');

}

​

function setup() {

​

  createCanvas(windowWidth*5, windowHeight);

  colorMode(HSB, 360, 100, 100, 100);

  background(360, 0, 10);

  i = 1;

  k = 0;

​

​

}

​

function draw() {

  //background(100)

/////////////////////////////////////////////Legende

  translate(0, height * 3 / 4.5);

  noStroke();

  fill(360, 0, 10);

  rect(0, -800, 120, 1000);

  fill(180, 255, 255);

  text("Meditation", 20, -470);

  fill(135, 255, 255);

  text("Aufmerksamkeit", 20, -450);

  fill(200, 60, 100); //Detla

  text("Delta", 20, -280);

  fill(240, 60, 100); // theta

  text("Theta", 20, -260);

  fill(280, 60, 100); //alpha

  text("Alpha", 20, -240);

  fill(320, 60, 100);  //beta

  text("Beta", 20, -220);

  fill(360, 60, 100); //gamma

  text("Gamma", 20, -200);

  fill(255, 0, 100);// sound

  text("Lautstärke", 20, 200);

  text("Puls", 20, -105);

  text("Blutsauerstoff", 20, -105+30);

​

  text("Höhe", 20, 40);

  text("Geschwindigkeit", 20, 80);

  //ele, +480; speed -130

​

​

​

​

​

/////////////////////////////////////////////getData

  heading = table.get(i, 5);

  ele = table.get(i, 4);

  speed = table.get(i, 6);

  attention = table.get(i, 7);

  meditation = table.get(i, 8);

​

  delta = map(table.get(i, 9), 0, 30000000, 0, 1600);

  theta = map(table.get(i, 10), 0, 30000000, 0, 1600);

  alpha1 = map(table.get(i, 11), 0, 30000000, 0, 1600);

  alpha2 = map(table.get(i, 12), 0, 30000000, 0, 1600);

  alphai = (alpha1+alpha2)/2;

  beta1 = map(table.get(i, 13), 0, 30000000, 0, 1600);

  beta2 = map(table.get(i, 14), 0, 30000000, 0, 1600);

  betai = (beta1+beta2)/2;

  gamma1 = map(table.get(i, 15), 0, 30000000, 0, 1600);

  gamma2 = map(table.get(i, 16), 0, 30000000, 0, 1600);

  gammai = (gamma1+gamma2)/2;

​

  deltak = map(table.get(k, 9), 0, 30000000, 0, 1600);

  thetak = map(table.get(k, 10), 0, 30000000, 0, 1600);

  alpha1k = map(table.get(k, 11), 0, 30000000, 0, 1600);

  alpha2k = map(table.get(k, 12), 0, 30000000, 0, 1600);

  alphak = (alpha1k+alpha2k)/2;

  beta1k = map(table.get(k, 13), 0, 30000000, 0, 1600);

  beta2k = map(table.get(k, 14), 0, 30000000, 0, 1600);

  betak = (beta1k+beta2k)/2;

  gamma1k = map(table.get(k, 15), 0, 30000000, 0, 1600);

  gamma2k = map(table.get(k, 16), 0, 30000000, 0, 1600);

  gammak = (gamma1k+gamma2k)/2;

​

​

​

  spo = table.get(i, 17);

  pr = table.get(i, 18);

  peaks = map (table.get(i, 20), 0, 0.1, 10, 0);

​

​

​

  headingk = table.get(k, 5);

  elek = table.get(k, 4);

  speedk = table.get(k, 6);

  attentionk = table.get(k, 7);

  meditationk = table.get(k, 8);

​

  spok = table.get(k, 17);

  prk = table.get(k, 18);

  peaksk = map (table.get(k, 20), 0, 0.1, 10, 0);

​

​

  attentionk = table.get(k, 7);

​

  int = i * 5 + 150;

  kn = k * 5 + 150;

​

  //text("try: " + test, i * 100, 10);

  /////////////////////////////////////////////Emotions

​

  //ellipse(i, meditation - 500, 5, 5);

​

  stroke(180, 255, 255);

  line(int, -meditation - 450, kn, -meditationk - 450); //vertex

  //line(i, -meditation - 400, i, - 400); // stacked

  //line(i*10, -meditation*10 + 200, k*10, -meditationk*10 + 200); //vertex // vis

  stroke(135, 255, 255);

  //ellipse(i, attention - 500, 5, 5);

  line(int, -attention - 450, kn, -attentionk - 450); //vertex

  //line(i, -attention - 500, i, - 500);  // stacked

​

  /////////////////////////////////////////////Waves

​

​

  stroke(200, 60, 100);

  line(int, -delta-200 , kn, -deltak-200 );

  stroke(240, 60, 100);

  line(int, -theta - 200, kn, -thetak - 200);

  stroke(280, 60, 100);

  line(int, -alphai -200, kn, -alphak -200);

  stroke(320, 60, 100);

  line(int, -betai - 200, kn, -betak - 200);

  stroke(360, 60, 100);

  line(int, -gammai - 200, kn, -gammak - 200);

​

​

​

  /////////////////////////////////////////////Oxi

  stroke(100, 0, 255); 

  line(int, -spo / 2 - 30, kn, -spok / 2 - 30); //Sauerstoff

  stroke(0, 0, 255);

  line(int, -pr - 20, kn, -prk - 20); //Puls

​

  /////////////////////////////////////////////ele+speed

  stroke(255, 0, 255);

  line(int, -ele+20+600, kn, -elek+20+600);

  stroke(255, 0, 255);

  line(int, -speed*5+80, kn, -speedk*5+80); 

​

​

  /////////////////////////////////////////////vid+sound

  stroke(255, 0, 255);

  line(int, peaks*2 +180, kn, peaksk*2 +180);

​

​

  /////////////////////////////////////////////test

  //print(i, 10, 10);

​

​

  if (i < table.getRowCount()) {

    i += 1; // += 2 -> Spationierung / Speed

    k += 1;

  } else {

    i = 1;

    k = 0;

    saveCanvas(c, 'screenshot', 'svg');

  }

}

​

​

function keyPressed() {

  if (key == "s") {

    save('visualization.png');

  }

}