animation

Changing Fed projections

Statistical Visualization / animation, interest, New York Times, projections

This clever chart by Lazaro Gamio shows changing interest rates set by the…
World water gap

Maps / animation, National Geographic, water

We tend to use more water than is available in the world, which…
Members Only

Making Old Charts Move

The Process / animation

Same old chart, but make it move for another dimension.
Members Only

How to Make a Smoother Animated Growth Map in R

Tutorials / animation, R

Show change over time and geography with smooth transitions.
Growth of Target, an Animated Map

Data Underload / animation, target

Watch the growth strategy behind Target stores, starting with the first location in 1962 in Minnesota.
Members Only

How to Animate Packed Circles in R

Tutorials / animation, R

Pack circles, figure out the transitions between time segments, and then generate frames to string together.
History of wars and power in Europe, animated from 1500 to present

Infographics / animation, Europe, war

Agar.io is a multiplayer game where people control cells in a Petri dish-type…
Animated charts to show sports results

Infographics / animation, Krisztina Szűcs, sports

Krisztina Szűcs likes to make animated charts to show sports results, from fencing,…
Members Only

How to Make an Animated Donut Chart in R

Tutorials / animation, R

There are “better” ways to show proportions over time, but sometimes you just want an animated donut.
How long it takes a ball to drop on various Solar System bodies

Infographics / animation, gravity, space

James O’Donoghue made this straightforward animation that shows how long it takes for…
Pandemic timeline as animated dot density map

Maps / animation, coronavirus, pandemic, timeline, Washington Post

As a lead-in and backdrop to a timeline of the past year by…
Members Only

How to Make an Animated Beeswarm Chart

Tutorials / animation, d3js

Beeswarm charts are useful to highlight individual categories or entities. Animating them can help highlight change over time.
Waves of distraction

Sketchbook / animation, distraction

I’ve been distracted lately, so instead of making regular charts, I’ve been making…
Two.js for two-dimensional drawing and animation in modern web browsers

Software / animation, JavaScript

“Two.js is deeply inspired by flat motion graphics. As a result, two.js aims…
Visualizing periodicity with animations

Design / animation, d3js, periodicity, Pierre Ripoll

Pierre Ripoll provides several ways to visualize periodicity using animation. Moving dots, rotating…
Break the chain

Infographics / animation, cartoon, coronavirus, Spinoff

For The Spinoff, Toby Morris illustrates how individuals can break a chain of…
How to Flatten the Curve, a Social Distancing Simulation and Tutorial

Tutorials / animation, R, simulation

Using R, we look at how your decreased interaction with others can help slow the spread of infectious diseases.
SVG and CSS animations, without JavaScript

Coding / animation, CSS, SVG

Andrew Wang-Hoyer built over 200 animations on and off over two years. They…
Printing money at the speed of various wages

Infographics / animation, money, Neal Agarwal

Neal Agarwal used a money printing metaphor to depict differences in various wages.…
Mapping the construction of railroads in America

Maps / animation, Financial Times, railroad

For the Financial Times, Alan Smith and Steven Bernard traced the history of…

Page 1 of 5
1
2
3
4
5
>