let myData;

let font2;

let speed = 1;

let omImg;

let heart;

​

function preload() {

​

  font1 = loadFont('assets/font1.ttf');

  font2 = loadFont('assets/Exo-ExtraBold.ttf');

  myData = loadJSON('data.json');

}

​

function setup() {

  createCanvas(600, 400);

  background(0);

  angleMode(DEGREES);

  textAlign(CENTER, CENTER);

​

  setTimeout(zero, 1000);

  setTimeout(one, 3000);

  setTimeout(begin1, 5000);

  //DAY1

  setTimeout(familyInt, 7000);

  setTimeout(calledBf, 8000);

  setTimeout(familyT, 9000);

  setTimeout(futureT, 10000);

  setTimeout(badminton, 11000);

  omImg = loadImage(myData.Day1.silentPrayers);

  setTimeout(omji, 12000);

 heart = loadImage(myData.Day1.relationshipThoughts);

  setTimeout(love, 13000);

//   //DAY2 

  setTimeout(familyInt2, 16000);

  setTimeout(calledBf2, 17000);

  setTimeout(familyT2, 18000);

  setTimeout(futureT2, 19000);

  setTimeout(metMj, 20000);

  omImg = loadImage(myData.Day1.silentPrayers);

  setTimeout(omji2, 21000);

 heart = loadImage(myData.Day1.relationshipThoughts);

  setTimeout(love2, 22000);

//   //DAY3

  setTimeout(familyInt3, 26000);

  setTimeout(calledBf3, 27000);

  setTimeout(familyT3, 28000);

  setTimeout(futureT3, 29000);

  setTimeout(badminton3, 30000);

  omImg = loadImage(myData.Day1.silentPrayers);

  setTimeout(omji3, 31000);

  heart = loadImage(myData.Day1.relationshipThoughts);

  setTimeout(love3, 32000);

//   //DAY4 

  setTimeout(familyInt4, 36000);

  setTimeout(calledBf4, 37000);

  setTimeout(familyT4, 38000);

  setTimeout(futureT4, 39000);

  setTimeout(badminton4, 40000);

  omImg = loadImage(myData.Day1.silentPrayers);

  setTimeout(omji4, 41000);

  heart = loadImage(myData.Day1.relationshipThoughts);

  setTimeout(love4, 42000);

//   // //DAY5

  setTimeout(familyInt5, 46000);

  setTimeout(calledBf5, 47000);

  setTimeout(familyT5, 48000);

  setTimeout(futureT5, 49000);

  omImg = loadImage(myData.Day1.silentPrayers);

  setTimeout(omji5, 50000);

  heart = loadImage(myData.Day1.relationshipThoughts);

  setTimeout(love5, 51000);

  //DAY6 

  setTimeout(familyInt6, 55000);

  setTimeout(calledBf6, 56000);

  setTimeout(familyT6, 57000);

  setTimeout(futureT6, 58000);

  omImg = loadImage(myData.Day1.silentPrayers);

  setTimeout(omji6, 59000);

  heart = loadImage(myData.Day1.relationshipThoughts);

  setTimeout(love6, 60000);

//   //DAY7

  setTimeout(familyInt7, 63000);

  setTimeout(calledBf7, 64000);

  setTimeout(familyT7, 65000);

  setTimeout(futureT7, 66000);

  setTimeout(badminton7, 67000);

  omImg = loadImage(myData.Day1.silentPrayers);

  setTimeout(omji7, 68000);

  heart = loadImage(myData.Day1.relationshipThoughts);

  setTimeout(love7, 69000);

  // ALL DATA TOGETHER 

  setTimeout(DataDay1,71000);

}

​

function zero() {

  background(0)

  textSize(26);

  textFont(font1);

  fill(250, 0, 0);

  text('STRESS + ANGER + FRUSTRATION + ANXIETY +', 300, 120);

  fill(0, 255, 0);

  text('LOVE + PEACE + DESIRE + HAPPINESS', 300, 180);

​

  fill(130, 230, 255);

  text('= LIFE', 300, 240);

}

​

function one() {

  push();

  background(0)

  fill(255, 0, 0);

  textSize(23);

  textFont(font2);

  text('SELF-INTROSPECTION OF MY BEHAVIOURAL\n CHANGES IN 7 DAYS DEPICTED THROUGH ART.', 300, 200);

  pop();

}

​

function begin1() {

  background(0)

  textFont(font1);

  textSize(24);

  fill(250, 120, 0);

  text('LIFE IS A GAME, PLAY IT!', 200, 200)

​

}

//DAY1

​

function familyInt() {

  background(0)

  console.log('day1- Friday')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font1);

  text('FRIDAY 20/11/20, DAY 1', 100, 20);

  //eyes

  push();

  translate(350, 195);

  for (let i = 0; i < myData.Day1.familyInteraction.length; i++) {

    rotate(15 + speed);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day1.familyInteraction[i] * 5, 200, 30, 10);

    fill(29);

    ellipse(myData.Day1.familyInteraction[i] * 5, 200, 10, 10);

    fill(255);

    ellipse(myData.Day1.familyInteraction[i] * 5, 200, 4, 4);

  }

  speed = speed + 2;

  pop();

}

​

function calledBf() {

  //candles

  for (let i = 0; i < myData.Day1.calledBoyf.length; i++) {

    fill(100, 0, 255);

    rect(10 + myData.Day1.calledBoyf[i] * 15, height / 2, 5, 30);

    fill(2260, 170, 60);

    ellipse(12 + myData.Day1.calledBoyf[i] * 15, height / 2, 8, 15)

​

  }

}

​

function familyT() {

  //circles

  push();

  translate(430, 195);

​

  for (let i = 0; i < myData.Day1.familyThoughts.length; i++) {

    rotate(40);

    fill(200, 200,100);

    circle(20 + myData.Day1.familyThoughts[i] - 15, height / 2, 20);

    fill(255, 0, 0);

    circle(30 + myData.Day1.familyThoughts[i] - 15, height / 2, 10);

    circle(10 + myData.Day1.familyThoughts[i] - 15, height / 2, 10);

    circle(20 + myData.Day1.familyThoughts[i] - 15, 10 + height / 2, 10);   

  }

  pop();

}

​

function futureT() {

  //ladder 

  push();

  translate(350, 150);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day1.futureThoughts.length; i++) {

    rect(15, myData.Day1.futureThoughts[i] * 15, 50, 5);

    ellipse(12, myData.Day1.futureThoughts[i] * 15, 10, 10);

    ellipse(60, myData.Day1.futureThoughts[i] * 15, 10, 10);

  }

  pop();

}

​

function omji() {

  //om images

  for(let i = 0; i<4; i++) {

    push();

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 550, 50+i*40, 30, 30);

    pop();

  }

}

function badminton() {

  for (let i = 0; i < myData.Day1.playedBadminton.length; i++) {

    fill(155, 2550, 215);

    rect(505, myData.Day1.playedBadminton[i] * 315, 5, 50,10);

    fill(120,120,102);

    ellipse(508, myData.Day1.playedBadminton[i] * 305, 30, 40);

     }  

}

​

function love() {

  for(let i = 0; i<11; i++) {

    push();

    image(heart,300+i*25, 20, 30, 30);

    pop();

  }

}

​

//DAY 2

​

function familyInt2() {

  background(0)

  console.log('day2- Saturday')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font1);

  text('SATURDAY 21/11/20, DAY 2', 100, 20);

  //eyes

  push();

  translate(350, 195);

  for (let i = 0; i < myData.Day2.familyInteraction.length; i++) {

    rotate(8 + speed);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day2.familyInteraction[i]-15, 200, 30, 10);

    fill(29);

    ellipse(myData.Day2.familyInteraction[i]-15, 200, 10, 10);

    fill(255);

    ellipse(myData.Day2.familyInteraction[i] -15, 200, 4, 4);

  }

  speed = speed + 2;

  pop();

}

​

function calledBf2() {

  //candles

  for (let i = 0; i < myData.Day2.calledBoyf.length; i++) {

    fill(100, 0, 255);

    rect(10 + myData.Day2.calledBoyf[i] * 15, height / 2, 5, 30);

    fill(2260, 170, 60);

    ellipse(12 + myData.Day2.calledBoyf[i] * 15, height / 2, 8, 15)

​

  }

}

​

function familyT2() {

  //circles

  push();

  translate(430, 195);

​

  for (let i = 0; i < myData.Day2.familyThoughts.length; i++) {

    rotate(27);

    fill(200, 200,100);

    circle(20 + myData.Day2.familyThoughts[i] - 15, height / 2, 20);

    fill(255, 0, 0);

    circle(30 + myData.Day2.familyThoughts[i] - 15, height / 2, 10);

    circle(10 + myData.Day2.familyThoughts[i] - 15, height / 2, 10);

    circle(20 + myData.Day2.familyThoughts[i] - 15, 10 + height / 2, 10);   

  }

  pop();

}

​

function futureT2() {

  //ladder 

  push();

  translate(350, 100);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day2.futureThoughts.length; i++) {

    rect(15, myData.Day2.futureThoughts[i] * 15, 50, 5);

    ellipse(12, myData.Day2.futureThoughts[i] * 15, 10, 10);

    ellipse(60, myData.Day2.futureThoughts[i] * 15, 10, 10);

  }

  pop();

}

​

function omji2() {

  //om images - PRAYERS - 10

  for(let i = 0; i<10; i++) {

    push();

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 478, 10+i*40, 30, 30);

    pop();

  }

}

function metMj() {

  fill(243,232,210);

  circle(40,60,40);

}

​

function love2() {

  for(let i = 0; i<7; i++) {

    push();

    image(heart,300+i*25, 10, 30, 30);

    pop();

  }

}

​

//DAY3 

function familyInt3() {

  background(0)

  console.log('day3- Sunday')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font1);

  text('SUNDAY 22/11/20, DAY 3', 100, 20);

  //eyes

  push();

  translate(350, 195);

  for (let i = 0; i < myData.Day3.familyInteraction.length; i++) {

    rotate(6 + speed);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day3.familyInteraction[i]-15, 200, 30, 10);

    fill(29);

    ellipse(myData.Day3.familyInteraction[i]-15, 200, 10, 10);

    fill(255);

    ellipse(myData.Day3.familyInteraction[i] -15, 200, 4, 4);

  }

  speed = speed + 2;

  pop();

}

​

function calledBf3() {

  //candles

  for (let i = 0; i < myData.Day3.calledBoyf.length; i++) {

    fill(100, 0, 255);

    rect(10 + myData.Day3.calledBoyf[i] * 25, height / 2, 5, 30);

    fill(2260, 170, 60);

    ellipse(12 + myData.Day3.calledBoyf[i] * 25, height / 2, 8, 15)

​

  }

}

​

function familyT3() {

  //circles

  push();

  translate(430, 195);

​

  for (let i = 0; i < myData.Day3.familyThoughts.length; i++) {

    rotate(40);

    fill(200, 200,100);

    circle(20 + myData.Day3.familyThoughts[i] - 15, height / 2, 20);

    fill(255, 0, 0);

    circle(30 + myData.Day3.familyThoughts[i] - 15, height / 2, 10);

    circle(10 + myData.Day3.familyThoughts[i] - 15, height / 2, 10);

    circle(20 + myData.Day3.familyThoughts[i] - 15, 10 + height / 2, 10);   

  }

  pop();

}

​

function futureT3() {

  //ladder 

  push();

  translate(350, 150);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day3.futureThoughts.length; i++) {

    rect(15, myData.Day3.futureThoughts[i] * 12, 50, 5);

    ellipse(12, myData.Day3.futureThoughts[i] * 12, 10, 10);

    ellipse(60, myData.Day3.futureThoughts[i] * 12, 10, 10);

  }

  pop();

}

​

function omji3() {

  //om images - PRAYERS - 10

  for(let i = 0; i<8; i++) {

    push();

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 460, 60+i*40, 30, 30);

    pop();

  }

}

function badminton3() {

  for (let i = 0; i < myData.Day3.playedBadminton.length; i++) {

    fill(155, 2550, 215);

    rect(520, myData.Day3.playedBadminton[i] * 315, 5, 50,10);

    fill(0,255,102);

    ellipse(522, myData.Day3.playedBadminton[i] * 305, 30, 40);

     }  

}

​

function love3() {

  for(let i = 0; i<23; i++) {

    push();

    image(heart,10+i*25, 30, 30, 30);

    pop();

  }

​

}

​

//DAY4

function familyInt4() {

  background(0)

  console.log('day4- Monday')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font1);

  text('MONDAY 23/11/20, DAY 4', 100, 20);

  //eyes

  push();

  translate(350, 195);

  for (let i = 0; i < myData.Day4.familyInteraction.length; i++) {

    rotate(10 + speed);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day4.familyInteraction[i]-25, 200, 30, 10);

    fill(29);

    ellipse(myData.Day4.familyInteraction[i]-25, 200, 10, 10);

    fill(255);

    ellipse(myData.Day4.familyInteraction[i] -25, 200, 4, 4);

  }

  speed = speed + 2;

  pop();

}

​

function calledBf4() {

  //candles

  for (let i = 0; i < myData.Day4.calledBoyf.length; i++) {

    fill(100, 0, 255);

    rect(10 + myData.Day4.calledBoyf[i] * 25, height / 2, 5, 30);

    fill(2260, 170, 60);

    ellipse(12 + myData.Day4.calledBoyf[i] * 25, height / 2, 8, 15)

​

  }

}

​

function familyT4() {

 //circles

  push();

  translate(430, 160);

​

  for (let i = 0; i < myData.Day4.familyThoughts.length; i++) {

    rotate(17);

    fill(200, 200,100);

    circle(5 + myData.Day4.familyThoughts[i] -15, height / 2, 20);

    fill(255, 0, 0);

    circle(15 + myData.Day4.familyThoughts[i] -15, height / 2, 10);

    circle(-5 + myData.Day4.familyThoughts[i] - 15, height / 2, 10);

    circle(5 + myData.Day4.familyThoughts[i] - 15, 12 + height / 2, 10);   

  }

  pop();

​

​

}

​

function futureT4() {

  //ladder 

  push();

  translate(350, 150);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day4.futureThoughts.length; i++) {

    rect(15, myData.Day4.futureThoughts[i] * 12, 50, 5);

    ellipse(12, myData.Day4.futureThoughts[i] * 12, 10, 10);

    ellipse(60, myData.Day4.futureThoughts[i] * 12, 10, 10);

  }

  pop();

}

​

function omji4() {

  //om images - PRAYERS - 13

  for(let i = 0; i<13; i++) {

    push();

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 460, 40+i*40, 30, 30);

    pop();

  }

}

function badminton4() {

  for (let i = 0; i < myData.Day4.playedBadminton.length; i++) {

    fill(255, 250, 215);

    rect(520, myData.Day4.playedBadminton[i] * 315, 5, 50,10);

    fill(0,255,202);

    ellipse(522, myData.Day4.playedBadminton[i] * 305, 30, 40);

     }  

}

​

function love4() {

  for(let i = 0; i<17; i++) {

    push();

    image(heart,10+i*25, 30, 30, 30);

    pop();

  }

​

}

​

//DAY5

function familyInt5() {

  background(0)

  console.log('day5- Tuesday')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font1);

  text('TUESDAY 24/11/20, DAY 5', 100, 20);

  //eyes

  push();

  translate(360, 208);

  for (let i = 0; i < myData.Day5.familyInteraction.length; i++) {

    rotate(2 + speed);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day5.familyInteraction[i]-10, 200, 30, 10);

    fill(29);

    ellipse(myData.Day5.familyInteraction[i]-10, 200, 10, 10);

    fill(255);

    ellipse(myData.Day5.familyInteraction[i] -10, 200, 4, 4);

  }

  speed = speed + 2;

  pop();

}

​

function calledBf5() {

  //candles

  for (let i = 0; i < myData.Day5.calledBoyf.length; i++) {

    fill(100, 0, 255);

    rect(6 + myData.Day5.calledBoyf[i] * 25, height / 2, 5, 30);

    fill(2260, 170, 60);

    ellipse(8 + myData.Day5.calledBoyf[i] * 25, height / 2, 8, 15)

​

  }

}

​

function familyT5() {

 //circles

  push();

  translate(430, 195);

​

  for (let i = 0; i < myData.Day5.familyThoughts.length; i++) {

    rotate(12);

    fill(200, 200,100);

    circle(45 + myData.Day5.familyThoughts[i] - 15, 180, 20);

    fill(255, 0, 0);

    circle(55 + myData.Day5.familyThoughts[i] -15, 180, 10);

    circle(35 + myData.Day5.familyThoughts[i] - 15, 180, 10);

    circle(45 + myData.Day5.familyThoughts[i] - 15, 12 +180, 10);   

  }

  pop();

​

​

}

​

function futureT5() {

  //ladder 

  push();

  translate(350, 150);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day5.futureThoughts.length; i++) {

    rect(15, myData.Day5.futureThoughts[i] * 12, 50, 5);

    ellipse(12, myData.Day5.futureThoughts[i] * 12, 10, 10);

    ellipse(60, myData.Day5.futureThoughts[i] * 12, 10, 10);

  }

  pop();

}

​

function omji5() {

  //om images - PRAYERS - 13

  for(let i = 0; i<18; i++) {

    push();

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 460, 10+i*50, 30, 30);

    pop();

  }

}

​

function love5() {

  for(let i = 0; i<6; i++) {

    push();

    image(heart,10+i*25, 30, 30, 30);

    pop();

  }

​

}

​

//DAY6

function familyInt6() {

  background(0)

  console.log('day6- Wednesday')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font1);

  text('WEDNESDAY 25/11/20, DAY 6', 105, 20);

  //eyes

  push();

  translate(350, 195);

  for (let i = 0; i < myData.Day6.familyInteraction.length; i++) {

    rotate(7 + speed);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day6.familyInteraction[i]-15, 200, 30, 10);

    fill(29);

    ellipse(myData.Day6.familyInteraction[i]-15, 200, 10, 10);

    fill(255);

    ellipse(myData.Day6.familyInteraction[i] -15, 200, 4, 4);

  }

  speed = speed + 2;

  pop();

}

​

function calledBf6() {

  //candles

  for (let i = 0; i < myData.Day6.calledBoyf.length; i++) {

    fill(100, 0, 255);

    rect(6 + myData.Day6.calledBoyf[i] * 25, height / 2, 5, 30);

    fill(2260, 170, 60);

    ellipse(8 + myData.Day6.calledBoyf[i] * 25, height / 2, 8, 15)

​

  }

}

​

function familyT6() {

 //circles

  push();

  translate(410, 195);

​

  for (let i = 0; i < myData.Day6.familyThoughts.length; i++) {

    rotate(19);

    fill(200, 200,100);

    circle(45 + myData.Day6.familyThoughts[i] - 15, 180, 20);

    fill(255, 0, 0);

    circle(55 + myData.Day6.familyThoughts[i] -15, 180, 10);

    circle(35 + myData.Day6.familyThoughts[i] - 15, 180, 10);

    circle(45 + myData.Day6.familyThoughts[i] - 15, 12 +180, 10);   

  }

  pop();

​

​

}

​

function futureT6() {

  //ladder 

  push();

  translate(350, 150);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day6.futureThoughts.length; i++) {

    rect(15, myData.Day6.futureThoughts[i] * 12, 50, 5);

    ellipse(12, myData.Day6.futureThoughts[i] * 12, 10, 10);

    ellipse(60, myData.Day6.futureThoughts[i] * 12, 10, 10);

  }

  pop();

}

​

function omji6() {

  //om images - PRAYERS - 13

  for(let i = 0; i<7; i++) {

    push();

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 460, 50+i*50, 30, 30);

    pop();

  }

}

​

function love6() {

  for(let i = 0; i<9; i++) {

    push();

    image(heart,10+i*25, 30, 30, 30);

    pop();

  }

​

}

​

​

//DAY7

function familyInt7() {

  background(0)

  console.log('day7- Thursday')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font1);

  text('THURSDAY 26/11/20, DAY 7', 100, 20);

  //eyes

  push();

  translate(350, 205);

  for (let i = 0; i < myData.Day7.familyInteraction.length; i++) {

    rotate(23 + speed);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day7.familyInteraction[i]-25, 200, 30, 10);

    fill(29);

    ellipse(myData.Day7.familyInteraction[i]-25, 200, 10, 10);

    fill(255);

    ellipse(myData.Day7.familyInteraction[i] -25, 200, 4, 4);

  }

  speed = speed + 2;

  pop();

}

​

function calledBf7() {

  //candles

  for (let i = 0; i < myData.Day7.calledBoyf.length; i++) {

    fill(100, 0, 255);

    rect(10 + myData.Day7.calledBoyf[i] * 25, height / 2, 5, 30);

    fill(2260, 170, 60);

    ellipse(12 + myData.Day7.calledBoyf[i] * 25, height / 2, 8, 15)

​

  }

}

​

function familyT7() {

 //circles

  push();

  translate(428, 175);

​

  for (let i = 0; i < myData.Day7.familyThoughts.length; i++) {

    rotate(7);

    fill(200, 200,100);

    circle(5 + myData.Day7.familyThoughts[i] -15, height / 2, 10);

    fill(255, 0, 0);

    circle(15 + myData.Day7.familyThoughts[i] -15, height / 2, 5);

    circle(-5 + myData.Day7.familyThoughts[i] - 15, height / 2, 5);

    circle(5 + myData.Day7.familyThoughts[i] - 15, 12 + height / 2, 5);   

  }

  pop();

​

}

​

function futureT7() {

  //ladder 

  push();

  translate(350, 60);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day7.futureThoughts.length; i++) {

    rect(15, 10+myData.Day7.futureThoughts[i] * 12, 50, 5);

    ellipse(12, 10+myData.Day7.futureThoughts[i] * 12, 10, 10);

    ellipse(60, 10+myData.Day7.futureThoughts[i] * 12, 10, 10);

  }

  pop();

}

​

function omji7() {

  //om images - PRAYERS - 13

  for(let i = 0; i<12; i++) {

    push();

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 460, 40+i*40, 30, 30);

    pop();

  }

}

function badminton7() {

  for (let i = 0; i < myData.Day7.playedBadminton.length; i++) {

    fill(255, 250, 215);

    rect(520, myData.Day7.playedBadminton[i] * 315, 5, 50,10);

    fill(0,255,202);

    ellipse(522, myData.Day7.playedBadminton[i] * 305, 30, 40);

     }  

}

​

function love7() {

  for(let i = 0; i<12; i++) {

    push();

    image(heart,10+i*25, 30, 30, 30);

    pop();

  }

​

}

​

function DataDay1() {

  background(0)

  console.log('DATA DAT 1')

  textSize(16)

  // fill(70, 90, 200);

  fill(200);

  textFont(font2);

  text('DATA VISUALISATION COMPARISON', 280, 31);

  textFont(font1);

  text('DAY 2, TIME WELL SPENT\n WITH FAMILY.',160,190)

  text('BALANCED \n& HEALTHY LIFE',160,250)

  text('STRESS FREE DAY',400,190)

  text('POSITIVITY \nIS IMPORTANT',380,250)

  //eyes

  push();

  translate(270, 195);

  for (let i = 0; i < myData.Day2.familyInteraction.length; i++) {

    rotate(26);

    fill(random(0, 255), random(200, 235), random(220, 255));

    ellipse(myData.Day2.familyInteraction[i] *1, 200, 30, 10);

    fill(29);

    ellipse(myData.Day2.familyInteraction[i] *1, 200, 10, 10);

    fill(255);

    ellipse(myData.Day2.familyInteraction[i] *1,200, 4, 4);

  }

  pop();

​

  //ladder 

  push();

  translate(250, 100);

  fill(255, 200, 235);

  for (let i = 0; i < myData.Day2.futureThoughts.length; i++) {

    rect(15, myData.Day2.futureThoughts[i] * 15, 50, 5);

    ellipse(12, myData.Day2.futureThoughts[i] * 15, 10, 10);

    ellipse(60, myData.Day2.futureThoughts[i] * 15, 10, 10);

  }

  pop();

​

  //om images - PRAYERS - 10

   push();

​

  for(let i = 0; i<10; i++) {

    // image(heart,300+i*25, 20, 30, 30);

    image(omImg, 150+i*25, 315, 30, 30);

 pop();

  }

  fill(243,232,210);

  circle(285,60,40);

​

  for(let i = 0; i<7; i++) {

    push();

    image(heart,200+i*25,80, 30, 30);

    pop();

  }

}

​