Textile Recycling Visualization
2019 • Interaction Design
Tools + Skills — Invision Studio, Adobe Illustrator, Microsoft Excel
Duration — 3 weeks
A exploratory web-based data visualization depicting the textile recycling process. The visitor of the site can learn how industry players and systems affects textile waste output, the overall recycling process, and what you can do as a consumer to help.

Creating a web-based data visualization that specifically visualizes a linear process, such as recycling. The goal of this project was to practice and hone my data visualization skills, especially for a more complex web-based visualization that would include multiple pages, visualizations, and animations. This project was my first time creating a web-based data visualization project and my second time designing a data visualization. It was also my first time trying out Invision Studio. 

I chose to visualize the recycling process of textile recycling, as I think I am very interested in fashion and the global impact the fashion supply chain can have on the world. Some specific topics I had originally wanted to focus on include:
• Differences between post-consumer and pre-consumer textile waste.
• Use of deadstock material and presence of pre-consumer waste recycling markets and industries.
• Global impact of fashion's supply chain, perhaps with specific case studies. ​​​​​​​
From the topics I had stated above, I started doing research. Based on the amount of information and data I found I started to sketch out the visualizations and website wireflow. During this research phase, the amount of information I found was far greater than I could fit into the final prototype.
Above — 
Original layout  + design for the site. I had an idea to do a "choose your own adventure" type of site, where the visitor can choose to explore up, down, or sideways and learn different things surrounding textile visualization. However, I scrapped the idea because I found it hard to tie the different information and segments I wanted to present together.

Above — Final site layout on InVision
I made three visualizations to use in the site.
This is the main visualization of the site, which depicts the recycling process for various forms of textiles through a color coded flowchart. The data used in this visualization come from two sources, which are King County Recycling and Cattermole Consulting's — a chemical consultancy — page on chemical recycling processes.

Since the data is not statistical but rather a series of linear processes, I chose to use to make use of the horizontal scrolling available in a web-based medium to aid in viewing the horizontal flowchart.
This visualization that highlights the goal of a closed-loop economy, and shows the amount of post-consumer waste that is recycling and those that aren't.

This visualization that shows the amount of growth and spending within the fast fashion industry, which then contributes to larger amounts of waste and negative impact.
The data for these visualizations are collected from the US Bureau of Statistics and Inditex's Financial Data page on their site. I didn't want the data surrounding fast fashion and consumption (the cause of textile waste and recycling) to be a main focus on my visualization, and due to the little amounts of data I could find that were not behind a paywall, I thus chose to use bar and line charts to show growth trends.