Catwalk to Catastrophe:

A DataVisualization of Fast Fashion’s Environmental Impact

A Data Visualization of Fast Fashion's Environmental Impact

A Data Visualization of Fast Fashion's Environmental Impact

Role

Front-end Designer

Front-End Designer

Year

2024

Applications

D3.js, HTML, CSS, JavaScript.

Brief

Catwalk to Catastrophe is a data visualization project designed to expose the environmental impact of fast fashion, focusing on the plastic-based textiles that dominate the industry. Using D3.js, this project tells the story of waste, profit, and environmental cost through interactive charts and an engaging dashboard.

What is the true cost of fast fashion?

Fast fashion is often associated with affordability and trendiness, but beneath the surface lies a far more troubling reality. As I delved into the data, I discovered the pervasive role of plastic-based textiles—materials like polyester, nylon, and synthetic blends. These fabrics power the fast fashion machine with their low cost and versatility but leave behind a massive environmental footprint. The numbers were staggering: millions of tons of waste, billions in revenue, and an undeniable link between profits and pollution.

But raw numbers alone couldn’t tell this story effectively. To truly convey the magnitude of the problem, I needed to make the data tangible and relatable. That’s when the idea of Catwalk to Catastrophe took shape: a data visualization project that would allow audiences to explore the environmental costs of fast fashion for themselves.

Design Process:

  1. Unearthing the Data


    The journey began with in-depth research into the fast fashion industry. I compiled data from environmental reports, industry publications, and public datasets, focusing on metrics such as sales revenue, textile types, and environmental impacts like CO2 emissions, water usage, and waste generation. The challenge was to structure this complex dataset for meaningful visualization.


    The solution? A hierarchical JSON structure that captured the relationships between companies, textile types, and environmental metrics, forming the foundation for an engaging and interactive experience.

  1. Crafting the Visuals


    To transform raw data into an intuitive visual story, I developed key visualizations using D3.js:

    • Zoomable Packed Bubble Chart: Each bubble represented a textile type, sized by sales revenue and color-coded to reflect environmental impact. Users could zoom in to uncover granular details or zoom out to see broader trends.

    • Dynamic Updates: A responsive interface allowed users to filter data by selecting specific companies, updating the chart to highlight only relevant information.

    • Environmental Legend: A contextual legend provided clarity, dynamically updating to reflect metrics like CO2 emissions, water usage, and waste as users navigated the chart.

  1. Enhancing Interactivity


    The user experience was designed to encourage exploration and storytelling through intuitive features:

    • Highlighting and Linking: When users selected a company, its data stayed prominent while others were dimmed, simplifying comparative analysis.

    • Zoomable Exploration: Users could click on bubbles to explore the data hierarchically, diving into specific textile types and their associated impacts.

    • Interactive Tooltips: On hover, tooltips revealed rich details, including company names, textile types, and environmental impacts, offering an informative snapshot of the data.

  1. Visual Storytelling


    Every design element was intentional, crafted to narrate the environmental story of fast fashion. The shrinking and expanding bubbles mirrored the scale of hidden consequences as users zoomed in and out, emphasizing the industry's far-reaching environmental impact. The dynamic legend reinforced the gravity of key metrics, such as water pollution and waste generation, fostering a sense of urgency.

Insights From the Data:

Zara:

Known for its rapid production cycles, Zara maintains a balanced use of synthetic and natural fibers. However, its heavy reliance on synthetic blends keeps its greenhouse gas emissions and waste generation consistently high.


Forever 21:

This company displays a strong preference for cost-effective materials like polyester, leading to elevated CO2 emissions and energy consumption, reflecting minimal engagement with sustainability initiatives.


Adidas:

A notable adopter of recycled materials, Adidas demonstrates a higher reliance on recycled polyester compared to its competitors. While this reduces overall emissions, the company’s total environmental impact remains significant due to high production volumes.


Nike:

Nike combines synthetic textiles with increasing use of recycled materials, showcasing a gradual shift toward sustainability. However, its large-scale operations still contribute significantly to CO2 emissions and waste output, making the environmental benefits of its sustainability efforts less impactful on a global scale.


Urban Outfitters:

This brand uses a mix of synthetic and natural fibers. Although it incorporates water-intensive materials like cotton and linen, its smaller market share results in relatively lower overall environmental costs compared to larger competitors.

Conclusion:

Catwalk to Catastrophe is more than just a data visualization project; it’s a tool for understanding, a wake-up call for change, and a bridge between abstract numbers and their real-world consequences. By combining design, interactivity, and storytelling, it transforms complex data into a compelling narrative about fast fashion’s hidden cost.

Role

Front-End Designer

Year

2024

Applications

D3.js, HTML, CSS, and JavaScript.

Brief

Catwalk to Catastrophe is a data visualization project designed to expose the environmental impact of fast fashion, focusing on the plastic-based textiles that dominate the industry. Using D3.js, this project tells the story of waste, profit, and environmental cost through interactive charts and an engaging dashboard.

Related work

Check out other
cool projects which will
blow your mind

Check out other
cool projects which will
blow your mind

Check out other
cool projects which will
blow your mind