Project Info

Interactive Site
Site Link↗

Scope

Concept, Research, Design and Develop

Typefaces

EB Garamond by Georg Duffner, Octavio Pardo and Courier Prime by Alan Dague-Greene

A interactive, immersive site showing how climate change affects the ecosystem of Cheasapeake Bay and its aquatic residents using data from the US Environmental Protection Agency.

Part I - Research

Using the data from the US Environmental Protection Agency (EPA), I wanted to visualize how stream temperature changes over time and how much it affects the quality of lives of the fish species that live in the Chesapeake Bay. Furthermore, I knew that I also want an engaging, interactive element so that the reader would be interested in reading more about this study case. I also wanted a deadpan, also sarcastic tone to this project. 

The data sets are:

Part II - Design & Develop

The project started out as just static slides. However, feeling that it was not enough and I wanted to expand this more to an interactive format, I went ahead and coded a web version.

Part III - Reflection

In reflection, I would want to add another section to measure how many streams changes their temperature significantly. Furthermore, I appreciated the fact that I was adaptive with my design. In the original initial slides, I had a clipping mask when the background changes to black and therefore the text would be white to create a contrast. However, this was way more difficult to achieve through code. Therefore, I decided to make the background to move in a certain way that would make it easier to change the text entirely.