jeffreylancaster.github.io → Stranger Things

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?

Scroll down and right and hover. View in a new tab or click to view live version.

Where do scenes take place?

Scroll right and hover. View in a new tab or click to view live version.

More specifically, where do scenes take place?

Scroll down and right and hover. View in a new tab or click to view live version.

How many characters are on screen?

Scroll right or hover over a bar. View in a new tab or click to view live version.

What about continuous on screen time?

Scroll right or hover over a circle. 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?

Scroll down and right or hover. 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?

Scroll down and right or hover. 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 episode?

Select a character and hover. Based on Harry Stevens's Linear Regression for Scatter Plot. View in a new tab or click to view live version.

How long is spent in each location?

Scroll down and right or hover. 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?

Scroll down and right or hover. 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?

Scroll down and right or hover. 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?

Hover. 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?

Scroll down and right or hover. 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?

Scroll down and right or hover. 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?

Hover. 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?

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

... or as a chord diagram?

This chord diagram looks at character co-occurrences (two characters showing up in the same scene) across the show, the same data as above, just in a different representation.

Scroll down and right and hover. Based on HenryLau's chord diagram on JSFiddle. View in a new tab or click to view live version.

Relationships

Which characters are connected?

Hover and drag. 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?

Hover and drag. 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?

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

... or as a matrix?

Scroll down and right. 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.

Are there clusters based on episode screen time?

Select a character and hover. Based on Harry Stevens's Linear Regression for Scatter Plot. 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

Scroll down and right. Hover over the map to view character journeys, episode names, and more. 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.