Welcome to Hawkins

This work on Netflix's Stranger Things began after similar work on HBO's Game of Thrones. I was curious how well the visualizations I made for Game of Thrones would translate to a different show. So I rewatched Stranger Things, made new datasets, and even sparked new ideas about additional visualizations that would apply to Game of Thrones.

This is a playground for those ideas. Note: the page may take a moment to load since it's loading each visualization.

Screen Time

Some of the easiest things to visualize are representations of when characters are on screen and where those characters are.

When are characters are on screen?

View in a new tab or click to view live version.

Where do scenes take place?

View in a new tab or click to view live version.

More specifically, where do scenes take place?

View in a new tab or click to view live version.

How many characters are on screen?

View in a new tab or click to view live version.

What about continuous on screen time?

Circles are color-coded by house. View in a new tab or click to view live version.

Cumulative Time

It's also fairly trivial to count how long characters are on screen (in total or by season), how long they spend in certain locations, or the number of locations and time spent in each per episode.

How long are characters on screen?

Based on Andrew Reid's Horizontal Stacked Bar Chart. View in a new tab or click to view live version.

How long are characters in each season?

Based on Andrew Reid's Horizontal Stacked Bar Chart. View in a new tab or click to view live version.

How long is spent in each location?

Based on Andrew Reid's Horizontal Stacked Bar Chart. View in a new tab or click to view live version.

How long is spent in each more-specific location?

Based on Andrew Reid's Horizontal Stacked Bar Chart. View in a new tab or click to view live version.

What percentage of characters' time is in each season?

Based on Mike Bostock's Normalized Stacked Bar Chart. View in a new tab or click to view live version.

How long are characters on screen relative to all time?

Based on takayuki's Treemap in d3 v4. View in a new tab or click to view live version.

How many locations are in each episode?

Based on Andrew Reid's Horizontal Stacked Bar Chart. View in a new tab or click to view live version.

What percentage of time do characters spend in various locations?

Based on Mike Bostock's Normalized Stacked Bar Chart. View in a new tab or click to view live version.

Co-Occurrence

Which characters are on screen together?

Based on Mike Bostock's Les Misérables Co-occurrence. View in a new tab or click to view live version.

... or as a force-directed network?

Based on heybignick's d3 v4 force-directed graph. View in a new tab or click to view live version.

Relationships

Which characters are connected?

Parent-child (solid gray), spouse (dashed blue), and killed by (solid black arrow) relationships shown. Based on Mike Bostock's Labeled Force Layout. View in a new tab or click to view live version.

Which characters are connected?

Parent-child (solid gray), spouse (dashed blue), and killed by (solid black arrow) relationships shown. Based on an HBO infographic. View in a new tab or click to view live version.

Actor Relationships

Which actors have been in movies with other Stranger Things actors?

Data last pulled following Season 7. View in a new tab or click to view live version.

... or as a matrix?

Data last pulled following Season 7. Based on Mike Bostock's Les Misérables Co-occurrence. View in a new tab or click to view live version.

So that map?

The narrative chart that started this project for Game of Thrones, well, it doesn't make as much sense for Stranger Things. There are still some interesting patterns (like when everyone is together for the end of "The Mind Flayer" (S2E8), but otherwise it's messy...

Narrative chart

Note: map contains spoilers. View in a new tab or click to view live version.

Notes

The GitHub repository for this project has the data files used to make these visualizations. Code for each is also on GitHub, and a description of the project is on Medium. Comments and suggestions are welcome on GitHub, Medium, or here.

h/t to Jason Davies for the clean style of this page.