Visualizing the History of Studio Ghibli


Timelines

Introduction

When we were given the task of creating a timeline, I selected animation which lies at the intersection of human imagination, design, and technology. One often thinks of Disney and Pixar in this field, but a studio that has surpassed the cultural and geographic bounds to capture people’s imagination is Studio Ghibli. The word Ghibli is Italian for “Hot Saharan Wind” and the founders Miyazaki Hayao and Takahata Isao and producer Suzuki Toshio wanted it to blow a new wind in the world of animation.

After 20 films and multiple accolades which include winning the Academy Award and Golden Bear, the studio has explored storytelling in almost a poetic way that explores the depth of human experiences. This timeline traces the growth of the studio and tracks the milestones that have led to the massive fandom and clout that it has today.

Materials

The timeline was built using Timeline.js by Knight Labs which allows you to build visually rich representations using a google spreadsheet. The data needs to be manually entered in the respective fields and linked to the tool. It also allows you to integrate media from a variety of sources like Youtube, Vimeo, Giphy, Wikipedia, etc. 

The Google spreadsheet used to input the data & media

Process

The process of creating the timeline started with collecting data and researching the studio’s history. A few of the articles consulted were:

The Articles referenced for creating the timeline

Based on this data, I organized the information into chronological order and researched further to fill in any gaps. This Data was then added to the Timeline.js spreadsheet. After this, I found the media corresponding to each data point and added that too. In order to make this experience more immersive, the background for each slide was based on the individual color palette of each movie or topic. I found an interesting article which had studied the studio ghibli colors and extracted the palette from here.

Color Palette extracted for each movie referenced by Nygren, B. E. (2015, March 25). The Colors of Studio Ghibli. Design Made in Japan. http://designmadeinjapan.com/magazine/graphic-design/the-rich-colors-of-studio-ghibli/

Results

The idea behind the timeline was to take the viewer on a journey across Studio Ghibli’s history which would convey the mood and experience of each milestone. This was achieved through the use of media like images, videos, and gifs and also by the visual representation using colors.

http://spiritedaway15.com

The milestones were the movies released by the studio since its inception in 1985. Each movie had a complex theme associated with it whether it was the search for independence in Kiki’s delivery service or Anti War sentiment in Howl’s moving castle. Some movies propelled the studio to success like Kiki’s delivery service which was the studio’s first major blockbuster and Spirited Away which won an Academy Award and Golden Bear award. Whereas some like Grave of Fireflies even though very cinematically acclaimed brought the studio to the brink of bankruptcy.

The timeline allowed me to explore the growth of the studio and represent how animated movies even though targeted towards children often have extremely complex and thought-provoking themes. 

http://spiritedaway15.com

Reflection

Looking back at this project I enjoyed using this tool and found this to be interactive and visually appealing for representing chronological information. I struggled mainly with understanding how to integrate media in the timeline and resisting the urge to refresh the page immediately after integrating changes and expecting it to reflect in a split second. I would also like if changing the typefaces was easier in this tool to give more flexibility while designing along with the ability to modify media placement.

In terms of future scope, I would like to cover this topic more exhaustively and cover more milestones. I would also like to experiment with the styling more and modify the CSS of the timeline. 

References

Bauer, P. (n.d.). Studio Ghibli | History, Film, & Facts. Encyclopedia Britannica. https://www.britannica.com/topic/Studio-Ghibli

Beghin, C. (2020, March 18). Studio Ghibli: Everything to know about the Japanese animation studio. Vogue France. https://www.vogue.fr/fashion-culture/article/studio-ghibli-everything-to-know-japanese-animation

Lawson, K. (2017, December 9). A Brief History of Studio Ghibli. The Film Magazine. https://www.thefilmagazine.com/a-brief-history-of-studio-ghibli/

Nygren, B. E. (2015, March 25). The Colors of Studio Ghibli. Design Made in Japan. http://designmadeinjapan.com/magazine/graphic-design/the-rich-colors-of-studio-ghibli/

Taggart, E. (2021, January 21). Studio Ghibli: Everything You Need To Know About Legendary Japanese Animation House. My Modern Met. https://mymodernmet.com/history-of-studio-ghibli/