Habit Tracker (Data Viz)

🔗 Code Example: Habit Tracker

🔗 References:

🔗 Timestamps:

  • 0:31 Prepare the data

  • 0:58 Upload and preload data into the sketch

  • 2:06 Learn about the p5.Table class

  • 5:31 Create a dates[] array to store all the year's dates

  • 7:35 Create a runningDates[] array to store matching date indices

  • 12:40 Draw a spiral

  • 19:32 Add ellipses on the spiral using data from runningDates[]

  • 22:46 Final touches

Previous

Falling Sand - Lunar NY Edition (with ml5.js)

Next

Sparkly Magic Wand ✨