animation

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

Uses for Animation in Charts and Animating Your Own Data

The Process / animation

Important question: Is animation in visualization even worthwhile? Well, it depends. Surprise, surprise. In this issue, I look at animation in data visualization, its uses, and how I like to think about it when I implement moving data.
Members Only

How I Made That: Animated Difference Charts in R

How I Made That / animation, R

A combination of a bivariate area chart, animation, and a population pyramid, with a sprinkling of detail and annotation.

Page 1 of 5
1
2
3
4
5
>