We were asked to create a web composition that reacted to current weather data. I decided to create a personal guide as to why it's okay to be stuck in my hometown, inspired by my lack of travel throughout the United States.
I chose 20 cities throughout the U.S. that would react to heat and humidity.
. . .
Based on low, high, or unbearable humidity, there are different quotes displaying why that condition is unappealing. This can be seen through low humidity giving you a nose bleed or high humidity messing up your hair. Each city has a different sentence, some also relate to that city.
The type also blurs depending on humidity level. Low humidity has no blur, moderate humidity has some blur, and high humidity has a lot of blur to seem wet or damp.
. . .
Depending on the temperature, I used a color picker within in my code that would choose a color within the HSL color scale.
See below for color variations:
Below 0°F is light blue.
Between 0°F - 20°F is blue-greens.
Between 20°F - 40°F is medium blues.
Between 40°F - 60°F is darker blues.
Between 60°F - 80°F is yellow-oranges.
Above 80°F is red-orange.
The variations in color and change of weather throughout the year creates a composotion that is unique each time the site is visited.
Web Interation Studio/Lab
Instructors: Tiff Hockin & Michael Wolf