let myData;

var totalPts = 300;

var steps = totalPts + 1;

let ts;

let c;

var x = 0;

​

function preload(){

  myData = loadJSON('data.json')

}

function setup() {

  createCanvas(600,600);

  stroke(255);

  frameRate(1.5);

  setInterval(one,2000);

  setInterval(two,3000);

} 

​

function one(){

  ts = random(22,50);

}

function two(){

  c = random(0,255);

}

​

function draw() {

  background(0);

  var rand = 0;

  //draw the line

  stroke(255);

  line(x,0,x,height);

  x = x + 3;

  if (x > width){

    x = 0

  }

  fill(255,0,c);

  noStroke();

  //01

    var tx1="this is ";   

for(var i=0; i < myData.Day1.washhand.length; i++){

 // alert(str.charAt(i));

  textSize(ts);

    text( tx1.charAt(i), (width/steps) *8*myData.Day1.washhand[i], (height/6) + random(-rand, rand));

    rand += random(-myData.Day1.washhand[i], myData.Day3.washhand[i]);

  }

  //02

var tx2="all ";   

for(var i=0; i < myData.Day2.washhand.length; i++){

 // alert(str.charAt(i));

  textSize(ts);

    text( tx2.charAt(i), (width/steps) *8*myData.Day2.washhand[i], (height/3) + random(-rand, rand));

    rand += random(-myData.Day1.washhand[i], myData.Day3.washhand[i]);

  }

  //03

  var tx3="about ";   

for(var i=0; i < myData.Day3.washhand.length; i++){

 // alert(str.charAt(i));

  textSize(ts);

    text( tx3.charAt(i), (width/steps) *8*myData.Day3.washhand[i], (height/2) + random(-rand, rand));

    rand += random(-myData.Day1.washhand[i], myData.Day3.washhand[i]);

  }

  //04

   var tx4="wash ";   

for(var i=0; i < myData.Day4.washhand.length; i++){

 // alert(str.charAt(i));

  textSize(ts);

    text( tx4.charAt(i), (width/steps) *8*myData.Day4.washhand[i], (height/1.5) + random(-rand, rand));

    rand += random(-myData.Day4.washhand[i], myData.Day4.washhand[i]);

  }

  //

     var tx5="my hand ";   

for(var i=0; i < myData.Day5.washhand.length; i++){

 // alert(str.charAt(i));

  textSize(ts);

    text( tx5.charAt(i), (width/steps) *8*myData.Day5.washhand[i], (height/1.25) + random(-rand, rand));

    rand += random(-myData.Day5.washhand[i], myData.Day5.washhand[i]);

  }

}