🔗 Code Example: Sleep Tracker (Data Visualization)

🔗 References:

• p5.js - p5.Table

🔗 Timestamps:

• 0:10 Prep data

• 0:42 Upload data onto sketch

• 1:54 Extract data using p5.Table class

• 7:58 Convert sleep and wake times into corresponding column indices

• 15:27 Visualize data inside a ring of ellipses

• 21:27 Create a Ring class

• 29:09 Add new colors

• 30:53 Make it interactive

• 35:58 Add data labels