animation

Anime.js, a JavaScript animation engine

Coding / animation, JavaScript, Julian Garnier

New to me, Anime.js by Julian Garnier seems like a fun library to…
Members Only

Make the Chart: Precipitation Map as Animated GIF

Make the Chart / animation, ImageMagick, R

Weather. Data. Map. Animation. They go well together to show sudden changes over time.
Data GIF Maker lets you make animated GIFs with data

Apps / animation, GIF, Google

The Data GIF Maker is a fun tool from Google that lets you…
Disney’s innovations in animation

Infographics / animation, Disney, Reuters

As Disney and its stock price struggles with streaming, Reuters looks at how…
John Snow’s cholera map, an animated version

Maps / animation, cholera, John Snow, Sarah Bell

Sarah Bell made an animated version of John Snow’s classic map from 1854.…
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…

Page 1 of 6
1
2
3
4
5
6
>