<aside> 💡 You will design an interactive visualization for a specific place in Singapore. Specifically, you will design a visualization that gives people “super” or “magical” powers relevant to the chosen place when they interact with it through physical movement. This visualization will be developed in p5.js and physical interactions will be detected via a web camera and the mediapipe hands library.

</aside>

Suggested Steps

1. Pick a specific place in Singapore.
   1. What is interesting about that space?
   2. What are some important characteristics of that space?
   3. Who are the stakeholders to consider when designing for that space?
   4. Which community is this space important to?
2. Brainstorm physical interactions and super powers that will be relevant / exciting / interesting for people visiting that space.
   1. To ensure a manageable project, you are to design an interface for one person. That is, only one person interacts with your system at a time.
3. Check-in with ID2116 instructors to make sure your idea is feasible.
4. Implement and test this idea in p5.js + Mediapipe Hands

Deliverables

1. Video demonstration of interactive visualization
2. Live demonstration of interactive visualization (Week 10 in-class)
3. Video evidence of live demonstration
4. p5.js code

Evaluation Criteria

• Code: Is the interactive visualization responsive to audience interaction? Does the interactive visualization demonstrate appropriate use of the data coming in from mediapipe hands?
• Interaction Does the visualization provide clear feedback to inform people how they can interact with it?
• Aesthetics Does the visualization and overall experience relate well to the chosen place?
• Documentation Does the video accurately capture the interactive visualization and the audience experience?