animation

53 posts
Best chart I have seen this year

Marvelling at this chart:   *** The credit ultimately goes to a Reddit user (account deleted). I first saw it in this nice piece of data journalism by my friends at System 2 (link). They linked to Visual Capitalism (link). There are so many things on this one chart that makes me smile. The animation. The message of the story is aging population. Average age is moving up. This uptrend...

0 0
Illustrating coronavirus waves with moving images

The New York Times put out a master class in visualizing space and time data recently, in a visualization of five waves of Covid-19 that have torched the U.S. thus far (link). The project displays one dataset using three designs, which provides an opportunity to compare and contrast them. *** The first design - above the headline - is an animated choropleth map. This is a straightforward presentation of space...

0 0
How long it takes a ball to drop on various Solar System bodies

James O’Donoghue made this straightforward animation that shows how long it takes for a ball to drop one kilometer on different planets: It might be surprising to see large planets have a pull comparable to smaller ones at the surface, for example Uranus pulls the ball down slower than at Earth! Why? Because the low average density of Uranus puts the surface far away from the majority of the mass....

0 0
Pandemic timeline as animated dot density map

As a lead-in and backdrop to a timeline of the past year by The Washington Post, an animated dot density map represents Covid-19 deaths. “Every point of light is a life lost to coronavirus.” Tags: animation, coronavirus, pandemic, timeline, Washington Post

0 0
Illustrating differential growth rates

Reader Mirko was concerned about a video published in Germany that shows why the new coronavirus variant is dangerous. He helpfully provided a summary of the transcript: The South African and the British mutations of the SARS-COV-2 virus are spreading faster than the original virus. On average, one infected person infects more people than before. Researchers believe the new variant is 50 to 70 % more transmissible. Here are two...

0 0
✚ How to Make an Animated Beeswarm Chart

Beeswarm charts are useful to highlight individual categories or entities. Animating them can help highlight change over time. Read More

0 0
Waves of distraction

I’ve been distracted lately, so instead of making regular charts, I’ve been making animated GIFs using various visual encodings. It hits the sweet spot of producing something without having to access the part of my brain for longer thinking sessions. Tunnels: Round and round: Needles of uncertainty made certain: I hope this brings some calm and predictability to your day. Tags: animation, distraction

0 0
Two.js for two-dimensional drawing and animation in modern web browsers

“Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise.” It also renders in webgl, canvas2d, and svg, with not much change in your code. Two.js is definitely going on my list of things to try. Tags: animation, JavaScript

0 0
Visualizing periodicity with animations

Pierre Ripoll provides several ways to visualize periodicity using animation. Moving dots, rotating spheres, concentric circles, oh my. He uses D3.js and it’s an Observable notebook, so you can see what’s going on under the hood. Tags: animation, d3js, periodicity, Pierre Ripoll

0 0
Break the chain

For The Spinoff, Toby Morris illustrates how individuals can break a chain of events: The good news is, we can do things that will reduce the chances of us spreading the virus. That means we can break these chains and potentially stop hundreds or even thousands of people getting Covid-19. Check out The Spinoff cartoonist Toby Morris’ excellent illustration to understand how individual discipline can have an outsize impact. Of...

0 0