animation

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…
Members Only

How to Make Animated Visualization GIFs with ImageMagick

Tutorials / animation, ImageMagick

Using the library command-line gets you more flexibility to highlight the important parts of the data.
Natural selection simulation

Infographics / animation, natural selection, Primer

Using blobbies with varying traits such as size, speed, and food gathering ability,…
Animation in visualization, revisited a decade later

Design / animation, research

Rewind to 2006 when Hans Rosling’s talk using moving bubbles was at peak…
Members Only

Playing the Distributions, Hypothetical Outcome Plots, Getting Closer to Real Life

The Process / animation, distributions

Histograms for a general audience can be a challenge. I’m curious if building up the distributions over time can be helpful.
Members Only

How to Make Animated (GIF) Heatmaps in R

Tutorials / animation, R

Using color as the visual encoding, show changes over time in two dimensions.

Page 1 of 5
1
2
3
4
5
>