DATA VISUALISATIONS
DATA
VISUALI-
SATIONS
Brief
Process
Solution
University of Reading
Information Poster,
Animation
Client:
Deliverables:
This was a three person group project. In this project, I acted as both team co-ordinator and animator.
We had to make an information poster and animation on a culturally relevant topic. As a group, we chose to tackle the dangers and potential harms of social media on younger people. The assets we created had to include three data visualisations, created from official research that we cited.
This project began with research. We investigated studies and information sites to ensure there was enough data to create graphics from. Once this was approved, we created our three graphics before designing the poster and animation.
As a team, we divided the work and made one visualisation each. As the other two graphics were heavily numbers based, we decided it was best for my graphic to be more pictorial. My data set showed that 43% of online connections that children had were unknown people. The way I made this as a pictogram was a user icon in the centre of 100 dots, each representing connections. I then coloured 43 of these connections red, indicating potential danger. As a standalone graphic, this visualisation could have used more detail or applied numbers or text to provide a deeper level of understanding, however when used in combination with the others for this project it provides a necessary visual change to keep viewers interested.
The animation tested my skills. The idea was to animate each of our graphics to have moving elements. The bar chart required custom After Effects coding, to create the 3D visual of the charts growing up out of the phone. Doing this allowed me to explore a host of new, custom controlled effects. The background of the animation was a simple moving gradient matching the colour scheme of the poster, as we wanted the focus to be on the visualisations and what the audio said.
The final designs included:
210×594mm information poster: Designed to mimic the style and feel of a mobile phone, as that is relevant to the topics being covered. Features design styles like frosted glass and notification bars to integrate information.
90 second animation: Animated data visualisations with commentary added.
3× data visualisations
Information poster
Draft animation - maybe put full vimeo link?
This was a three person group project. In this project, I acted as both team co-ordinator and animator.
We had to make an information poster and animation on a culturally relevant topic. As a group, we chose to tackle the dangers and potential harms of social media on younger people. The assets we created had to include three data visualisations, created from official research that we cited.
Brief
This project began with research. We investigated studies and information sites to ensure there was enough data to create graphics from. Once this was approved, we created our three graphics before designing the poster and animation.
As a team, we divided the work and made one visualisation each. As the other two graphics were heavily numbers based, we decided it was best for my graphic to be more pictorial. My data set showed that 43% of online connections that children had were unknown people. The way I made this as a pictogram was a user icon in the centre of 100 dots, each representing connections. I then coloured 43 of these connections red, indicating potential danger. As a standalone graphic, this visualisation could have used more detail or applied numbers or text to provide a deeper level of understanding, however when used in combination with the others for this project it provides a necessary visual change to keep viewers interested.
The animation tested my skills. The idea was to animate each of our graphics to have moving elements. The bar chart required custom After Effects coding, to create the 3D visual of the charts growing up out of the phone. Doing this allowed me to explore a host of new, custom controlled effects. The background of the animation was a simple moving gradient matching the colour scheme of the poster, as we wanted the focus to be on the visualisations and what the audio said.
Process
Draft animation
The final designs included:
210×594mm information poster: Designed to mimic the style and feel of a mobile phone, as that is relevant to the topics being covered. Features design styles like frosted glass and notification bars to integrate information.
90 second animation: Animated data visualisations with commentary added.
3× data visualisations