I used if and else if statements to dynamically control the visual output based on daily sleep quality.
The system programmatically evaluates sleep quality and duration based on input variables. Each geometric cipher functions as a clock face, where the dashed contour outlines the exact time and duration of sleep. In p5.js, the design rules dynamically convert sleep logs into visual geometry, sleep deficit triggers push(), rotate(), and vertex() to build 90-degree rotated orange polygons (Need More Sleep), overlaid with line() vectors radiating outward to create sharp spike-like tension.
