How can information in an animation masterpiece be visualized?

How can information in an animation masterpiece be visualized?

Spiderman Across the Spiderverse

Spider-Man: Across the Spider-Verse is a 2023 American animated superhero film featuring the Marvel Comics character Miles Morales/ Spiderman, produced by Columbia Pictures and Sony pictures Animations in association with Marvel Entertainment. It is crafted with 6 different main styles of animation, combining both 2D and 3D.


Purpose of the Project

The idea is to get to know about and map down these animation styles on the timeline of the movie. To record the exact time and duration of every style of animation, to record if there are any overlaps. The data will also help us notice which style was used the most, what is the colour range/palette of each of those styles and a little extra information about each. The output will be a A scrollable and interactive website. Including illustrations, text, character diagram, movie timeline, double bar graph and pie chart.


Project Type: College project

Spider-Man: Across the Spider-Verse is a 2023 American animated superhero film featuring the Marvel Comics character Miles Morales/ Spiderman, produced by Columbia Pictures and Sony pictures Animations in association with Marvel Entertainment. It is crafted with 6 different main styles of animation, combining both 2D and 3D.


Purpose of the Project

The idea is to get to know about and map down these animation styles on the timeline of the movie. To record the exact time and duration of every style of animation, to record if there are any overlaps. The data will also help us notice which style was used the most, what is the colour range/palette of each of those styles and a little extra information about each. The output will be a A scrollable and interactive website. Including illustrations, text, character diagram, movie timeline, double bar graph and pie chart.


Project Type: College project

Spider-Man: Across the Spider-Verse is a 2023 American animated superhero film featuring the Marvel Comics character Miles Morales/ Spiderman, produced by Columbia Pictures and Sony pictures Animations in association with Marvel Entertainment. It is crafted with 6 different main styles of animation, combining both 2D and 3D.


Purpose of the Project

The idea is to get to know about and map down these animation styles on the timeline of the movie. To record the exact time and duration of every style of animation, to record if there are any overlaps. The data will also help us notice which style was used the most, what is the colour range/palette of each of those styles and a little extra information about each. The output will be a A scrollable and interactive website. Including illustrations, text, character diagram, movie timeline, double bar graph and pie chart.


Project Type: College project

Research

I started with researching general information about the movie, like the release date, the duration, the characters etc. Then I moved on to the animation aspect of it. On further research I gathered that majorly the movie has 6 animation styles. I read more about each, what makes one different from another and noted my finding in my journal.

Data Collection

After learning about the different animation styles, I could differentiate between them. To collect my data I watched the movie again and recorded the the time of every change in the animation style. There were a lot of overlaping areas. This process actually helped my observe more and notice things I hadn‘t before.

Visualizing Data

Final Outcome

Click to view the interactive website

THANK YOU!

VISUALISING SPIDERMAN

Information Visualisation

Create a free website with Framer, the website builder loved by startups, designers and agencies.