Steven Soderbergh holding lots of books and movies

Seen, Read

Creating an easier way to explore Steven Soderbergh's media diaries

Highlights

  • Converted the original diary from HTML to a structured data format for prototyping and beyond
  • Engaged in design exploration, using code to analyze the data and visualize emerging patterns
  • Created an intuitive web app to browse the ten-year media diary, highlighting repeat viewings and readings
Early sketch
Browsing in the final version

As a Steven Soderbergh ↗ fan, I was totally drawn in when discovering his media diaries ↗—a complete catalog of everything he watched and read since 2009. An influential and highly productive filmmaker, Soderbergh is also a prolific consumer of media, watching far more TV and movies than most, logging over 4,000 titles in the first ten years.

With hundreds of entries each year, the diary is spread across multiple blog posts on Soderbergh's site. While it's easy to see what Soderbergh watched on any given day, it's challenging to identify larger viewing patterns or his potential favorites. As someone fascinated by filmmakers' favorite movies, I began to view the diary as a vast recommendation list waiting to be explored.

Data Wrangling

Before I could delve into the diary, I needed a complete, accessible copy. To achieve this, I wrote scripts to scrape, clean, and convert all the entries into a usable format, ensuring I could analyze and explore the data on my own terms.

Text conversion

Sketching to Understand

With the data now in a usable format, I began creating sketches and charts to explore the diary from a broader perspective. In the beginning, basic charts effectively revealed patterns and trends, providing a clear sense of diary activity over time. Later, I investigated ways to depict the diary a year at a time and as a whole.

Text conversion
An initial chart depicting the frequency of different media types.
Early sketch
Early sketch
Methods for viewing an entire year's titles using card and book-like layouts.
Early sketch
A year of diary titles alone elicited a dense but tranquil result.

My initial visual explorations were static and dense, offering only basic details. I sought a more browsable format that could also include extra information, such as a movie's year or Soderbergh's occasional "special notes." The bookshelf format proved effective, providing a clear way to present titles while accommodating extra details. The vertical bookstack allowed for list-like browsing, maintaining the most usable aspect of the original diary format.

Early sketch
Early sketch
Early sketch
Experimenting with bookstack presentations: Vertical layout works best for browsing long lists.

Combining book stacks with the earlier timeline chart proved effective for both browsing and providing context for a given entry, similar to a "you-are-here" dot on a map.

Early sketch
Early sketch

The final version includes two main areas: browsing a selected year and a most-read/viewed page. Browsing a year of the diary lets you select any title and see its viewing history across all years if it has one. The most-watched/read page highlights the top titles by media type throughout the entire diary.

Early sketch
Free exploration: All instances of a selected title are highlighted on the multi-year entry map on the left.
Early sketch
Dedicated view of the top viewed/read titles.

Advancing the Project

This tool successfully made the diary much more accessible, allowing me to extract and highlight what Soderbergh watched most. While it serves as a great discovery tool, it could also be a stepping stone to a more engaging analysis of the diary.

Currently, the site is mostly open-ended and lacks deeper insights or narrative. It would be interesting to build on top of the tool to create a narrative walkthrough or guided tour, perhaps exploring what Soderbergh was watching during his various projects over the years, thus tying the diary more directly to his film and TV work.

Visit site ↗  (Best on a bigger screen)