VISUALIZATION

Recording
Live Demo (open source)

ABOUT

About the project and our learning objectives reached.

Project Description

Thunderball is a weather forecast visualization service, with the aim to help the energy sector with predictions.

The project was created in the course DH2321 Information Visualization at KTH, Royal Institute of Technology, Stockholm.
The data is provided by Greenlytics.io through their weather forecast API.

Thunderball allows the user to see temperature and wind speed at different times of the day,
as predicted by different weather forecasts.

The user can zoom and pan around the map, search for certain locations using the search bar, get details by hovering different areas and switch between different model runs using the timeline at the top.

Working with deadline

We created a product which we are all satisfied with given the restricted time frame.

Programming skills

We improved skills in libraries and languages such as: D3, JavaScript, HTML, CSS and React.

Data handling skills

We got better at working with large amounts of data.

Visualization skills

We learned about visualizing temporal and geographical data in intuitive ways.

Applying the mantra

We applied the infoViz mantra: "Overview first, zoom and filter, then details on demand".

team

Meet the team behind Thunderball

Adelina Andersen

Developer | Designer

Adelina has designed the visual interface of the application. She has used her skills in graphic and interaction design to ensure that the application is simple to use.

Fredrik Lundkvist

Developer | Data specialist

Fredrik has been the architect for the thunderball application. He processed the large amounts of data, and used his React knowledge on many diffrent parts of the project.

Hannes Bennet

Developer | Interaction Designer

Hannes has worked on the frontend for this project. Using his top-tier react.js skills, Hannes has worked on the visualizing large amounts of weather data in the app.

Isabella Johannesson

Developer | Designer

Isabella was visual designer for the project, as well as expanding the UI by adding geolocation and navigation controls. She has also been the link between the team and Greenlytics.

Mattias Larsson

Developer | Graphical Content

Mattias has used his versatile skillset to help build the main visualization in the app, as well as this website. He has used his computer science skills to process the data.

Moa Winberg

Developer | Web

Moa has been the lead front end developer on this project. She has used her webdev skills to create this website, and also building the timeline visualization in the app.