https://editor.p5js.org/koh029/sketches/4tzP6Hxr3
let sleep = ['90', '195', '180'];
//original variables multiplied by 30
//['3', '6.5', '6']
//['90', '195', '180']
function setup() {
createCanvas(500, 500);
console.log(sleep);
}
function draw() {
background(0, 34, 255);
//data: hours of sleep i got for 3 days
//wednesday morning: 0035-0345 (3 hours)
//monday night - tuesday morning: 2340 - 0615 (6.5 hrs)
//sunday night - monday morning: 0430 - 1015 (6 hrs)
//rect(x, y, w, [h], [tl], [tr], [br], [bl])
//rect(x, y, w, h, [detailX], [detailY])
fill(255, 74, 252)
noStroke()
rect(50, 167, sleep[0], 50)
rect(50, 225, sleep[1], 50)
rect(50, 280, sleep[2], 50)
//control: 10 hours
stroke(0, 255, 98);
strokeWeight(1);
fill(255);
textSize(30);
text('control: 10 hours', 80,460);
noFill();
rect(50, 430, 300, 50)
}