Invisible Threads
Project Type
Interactive Web Design, Data Visualization
Role
Designer & Developer (Individual Project)
Year
2025 – present
Overview
Ivisible Threads is an interactive web experience that visualizes how synthetic clothing sheds microplastics into the air and ocean.
Grounded in scientific research and data, the project uses engaging interactive visuals to raise awareness of the environmental and health impacts of microplastic pollution and encourages more mindful material choices.
“Microplastic shedding from synthetic textiles is translated into a particle-based visualization, illustrating how these particles spread through air and water.”
“Garment interactions reveal material details and release amounts, while the legend enables comparison of microplastic shedding across different fiber types.”
Design & Development Process
The project was grounded in scientific research and academic studies on microfiber and microplastic shedding from synthetic textiles. Through iterative testing, visual exploration, and continuous code refinement, complex data was translated into a structured and data-informed visualization system.
The final design features environment-specific particle behaviors, a refined UI structure, a data-driven legend, and fiber-specific shedding information, creating an experience that is accurate, engaging, and accessible to a broad audience.
Technology
This project is built using HTML, CSS, and JavaScript with P5js. It incorporates particle systems, motion simulations, and layered wave animations to depict how microplastics move through air and water.
A variety of interactive features—such as scroll-based environment transitions, clickable garments that trigger particle bursts, hover-based UI interactions, and a data-driven legend—were implemented to make scientific information more intuitive and visually engaging. These technological components work together to translate abstract environmental data into a dynamic, experiential form.