This week, we continued developing the next stage of our project by adding heatmaps to our MediaPipe setup. After successfully connecting the hand and body detection, we wanted to create a stronger visual representation of the subject’s movement and activity.
The heatmap allowed us to show where the subject was moving the most on screen. This added another layer to the project, because the body was no longer only being tracked through points and lines, but also through areas of intensity. The more movement happened in one area, the stronger the visual effect became.
After this, we focused on how to connect our data and numbers into a clear and effective visualisation. We already had tracking values and movement data, but we needed to find a way to make this information look visually interesting and understandable. To help with this, we watched multiple videos and references about data visualisation, motion tracking, and digital interface design.
These references helped us think about how numbers, graphs, heatmaps, and labels could work together on screen. We wanted the final result to feel like an advanced system analysing the subject in real time. This stage was important because it helped us move from a basic technical setup into a more designed and believable visual experience.
We especially liked the final video we looked at, as it showed a strong and clear representation of numerical data. Inspired by this, we recreated a similar visual style in our own project and then replaced the example values with our own tracked data. This helped us turn the raw numbers from our system into a more polished and readable visual output that fit the overall concept of data extraction.
To move towards the final stage of our project, we started working on the completion screen. At this point, we wanted to create a strong visual ending that would clearly communicate that the system had finished analysing the subject. For this, we needed a visually effective way to show messages such as “100% Complete” and “Subject Categorized.”
We looked at different video references to explore how this kind of final screen could be presented in a clear and engaging way. One of the videos stood out to us because of its strong visual style, especially the glowing text and repeated screen-based effect. We all liked this reference, so we decided to base our own completion screen on it.
Using this as inspiration, we recreated a similar visual approach in TouchDesigner and adapted it to fit our project. This helped us design a completion screen that felt more polished and believable, while also matching the overall aesthetic of our data extraction concept. The result created a clear transition into the final stage of the system, making the project feel more complete and visually cohesive.