FYS Habits - Creating a Visualization

In today's video, we're diving deep into the power of habit visualization by using p5.js. As the final installment of our series, we'll walk through the complete process of designing and coding a personalized visualization based on real-world data. Inspired by a picture I took during a recent run, this project will blend creativity, design thinking, and coding into a compelling visualization. 🌟 What You'll Learn: 1️⃣ The importance of pre-planning and sketching before diving into code. 2️⃣ How to utilize loops and conditional statements to bring your data to life. 3️⃣ The value of iterative design and documentation. 📝 What We'll Cover: 1. Introduction & Inspiration: A look at the photograph that inspired this project. 2. Sketching & Planning: Laying the foundation through sketches and planning. 3. Coding Iteratively: Starting simple and adding complexity in stages. 4. Process Journal: Documenting the design choices and code iterations. This video serves as an applied example for our Innovative Designer standards, guiding you to integrate design thinking and digital tools into your projects. 🔗 Resources: Starter code: https://editor.p5js.org/eweinberg-voltaic/sketches/jBHRXJbuu Final code: https://editor.p5js.org/eweinberg-voltaic/sketches/8akgI9nlV