December 1, 2023

ResumePlay

An Interactive Session

The Best Graphics and Visual Storytelling From Insider in 2022

Table of Contents

.

.



In 2022 Insider’s graphics team covered everything from the Russia-Ukraine War and the overturning of Roe v. Wade to the warehouse boom across the US and our government becoming the oldest in history. We built scrolly maps and network webs, incorporated animations into our stories, and built custom multimedia experiences for our biggest stories.

Our team of developers and designers created dozens of graphics and experiences this year, but these are our favorite projects. 

 

Design and development by Annie Fu, Shayanne Gal, Tien Le, and Skye Gould

A chart showing how old Congress is since the beginning of its creation

Insider



Design and development by Taylor Tyson and Shayanne Gal

Video clips of Biden discussing major issues throughout his career

Insider



 

Design and development by Kazi Awal

Inside of a flying car looking into the sky

Insider



 

Design and development by Taylor Tyson and Shayanne Gal

Quiz to see if you could be a microinfluencer

Insider



 

Design and development by Shayanne Gal, Annie Fu, and Alex Ford

A table tracking the testing of psychedelics for medical purposes

Insider



 

Design and development by Annie Fu

Map showing Columbus's warehouse boom

Insider



Behind the project:

Making the scrollytelling map with the appending warehouse dots over time was a fun, but tricky technical task. I had to make sure the timer started only when reaching that slide and account for the user scrolling forward too quickly or backward while the timer was still running.

It was a great exercise in building interaction and animation within a single scrolly layer.

– Annie Fu, Associate Data Graphics Developer
Design and development by Kazi Awal

AI generated people and social profiles

Insider



 
Design and development by Taylor Tyson and Shayanne Gal

Animation of a warehouse worker being injured pulling a palette

Alonso Guzmán Barone for Insider



Behind the project:

One of the biggest challenges we face as developers is how to seamlessly incorporate text, data visualizations, photos, art, and interactive graphics to tell a story cohesively. 

If I were to do this project over again I would adjust the visual hierarchy of design elements more. The story is very compelling, with great animations by Alonso Guzmán Barone, and shifting to a more striking design that gives more weight to the animations would allow them to lead the story more.

– Taylor Tyson, Associate Data Graphics Developer

Maps show the territory Ukraine has taken back after Russia’s invasion

Design and development by Shayanne Gal

Maps of the Ukraine-Russia War

Insider



 

Design and development by Skye Gould, Sawyer Click, and Taylor Tyson

Royal firm org chart as a treemap

Insider



 

Design and development by Shayanne Gal and Kazi Awal
Society of Illustrators 65 Silver Medal Winner for Editorial Series

A refugee's journey showing what it takes for a refugee to make it to the US

Insider



Behind the project: 

The most challenging part of the conception and design of this project was determining how to present the complicated refugee resettlement process, which involves a lot of bureaucratic jargon and details, as a compelling visual narrative to our readers, while still shedding a light on the humanitarian importance of the refugee crisis. Combining illustrations from the very talented Tara Anand with our data graphics helped humanize the experience.

It was imperative to me that we kept the refugee experience at the forefront of the story, while still integrating the critical information and resources that would be useful for all of our readers, including prospective refugees who may be resettled in the US in the future.

– Shayanne Gal, Senior Data Graphics Designer

 

Design and development by Taylor Tyson, Annie Fu, Jenny Chang-Rodriguez, and Skye Gould

Inside the post-Roe future

Insider



 

Design and development by Taylor Tyson and Annie Fu

Men behind abortion bills

Insider



 

Design and development by Shayanne Gal and Taylor Tyson

Abortion maps

Insider



 

Design and development by Annie Fu

Scrolly map of historic Chinatown in Butte, Montana

Insider



Behind the project: 

This story marked our first time building a scrollytelling map to highlight multiple geographical features in one city, as well as their proximity to each other.

Using Mapbox, this story takes a look at two different cities and overlays historical maps from each to illustrate where historical Chinatowns used to stand compared to where they are now. The maps not only provided visual detail to each of the examples in the story, but also contributed to the overall narrative that there are dozens of similar stories for Chinatowns across the US.

– Annie Fu, Associate Data Graphics Developer

 

Design and development by Taylor Tyson

Here are the hedge funds that billionaire founders like Julian Robertson, Bill Ackman, and Seth Klarman trust to manage their families' foundations

Insider



 

Design and development by Kazi Awal, Shayanne Gal, and Skye Gould
Winner of the Hillman Foundation Sydney Award

Trans homicide database header image with photos of the victims scrolling

Insider



Behind the project:

The main challenge of this project was designing an impactful introduction to the story that felt respectful to the subject matter. It was important for us to give a sense of the numbers without losing the humanity behind them. The work was mostly editing, editing, and more editing alongside our various stakeholders.

Are there enough data points at the top or too many? Are they the right ones? Are we representing the findings fairly? These are just some of the questions we tried to answer through our many iterations, in addition to the usual visual and interaction design concerns we are always keeping top of mind for our users.

Ultimately this challenging but thoughtful collaboration led us to the final experience that garnered us a lot of positive feedback from the community.

– Kazi Awal, Senior Creative Developer

 

Design and development by Taylor Tyson

Lawsuits files against Tesla from 2017–2022 categorized by racial, sexual, and gender based.

Insider



Design and development by Taylor Tyson

Animated Nike stock chart

Insider



Sports betting’s rise in the US has created a startup boom

Design and development by Taylor Tyson, Annie Fu, Shayanne Gal, and Alex Ford

Sports betting companies bubble chart

Insider