L. Miller, J. Dähn, Y. Polster, L. Friesinger
Programmiertes Entwerfen 1

IV. Project - DATA VISUALIZATION

Weather App

TWEAKING

16 Days weather forecast visualized radial

weatherapp

CONCEPT

  • one section for every day
  • one line connecting the max. and min. temperature for every day
  • big circles for cloudiness, rain & snow (blue - rain, grey - clouds, white - snow)
  • area of these circles represents the likelihood of rain, snow, etc
  • every section captioned with the date
  • added small particles for wind force (one particle represents 1km/h of wind speed )

Final Concept

weather_app_2

  • Search bar allows the user to browse for different cities
  • average temperature for every day is given next to the day tag
  • temperatures below/above 0°C are shown in blue/red
  • intensities of rain and snow are given throughout five or respectively three sizes of circles
  • area of grey circles represents the percentage of cloudiness
  • each white particle stands for 1 km/h of wind speed
  • button on the bottom reveals the key

Different Weather Conditions

weather_app_3

WANT TO TRY OUT THE APP?

VISIT weatherpe.bplaced.net

qr-codeweather-app