animation

21 posts
Fantastic visual, but the Google data need some pre-processing

Another entry in the Google Newslab data visualization project that caught my eye is the "How to Fix It" project, illustrating search queries across the world that asks "how." The project web page is here. The centerpiece of the project is an interactive graphic showing queries related to how to fix home appliances. Here is what it looks like in France (It's always instructive to think about how they would...

0 0
Playfulness in data visualization

The Newslab project takes aggregate data from Google's various services and finds imaginative ways to enliven the data. The Beautiful in English project makes a strong case for adding playfulness to your data visualization. The data came from Google Translate. The authors look at 10 languages, and the top 10 words users ask to translate from those languages into English. The first chart focuses on the most popular word for...

0 0
Understanding animated transitions in data visualization

Alec Barrett for TWO-N describes the benefits and some of the intricacies of animated transitions in data visualization. This visual essay is inspired by the question: What is happening conceptually between the start and end of a transition? I look at reasons for using animated transitions (besides “it looks cool”) and at the kinds of variables that can be transitioned. I conclude that we can think of animated transitions in...

0 0
Two nice examples of interactivity

Janie on Twitter pointed me to this South China Morning Post graphic showing off the mighty train line just launched between north China and London (!) Scrolling down the page simulates the train ride from origin to destination. Pictures of key regions are shown on the left column, as well as some statistics and other related information. The interactivity has a clear purpose: facilitating cross-reference between two chart forms. The...

0 0
3-D tube chart of global CO2 concentration and temperature

Because you can never have enough time series charts that show increases of CO2 and temperature over decades. By Kevin Pluck: Differing from the variations we’ve seen before, time is on the circle, and the metrics are on the vertical. Then it rotates for dramatic effect. See also the the two-dimensional Cartesian version from Bloomberg and the polar coordinate version by Ed Hawkins. There are also plenty more temperature charts....

0 0
Members Only: How to Make Animated Line Charts in R

Sometimes it's useful to animate the multiple lines instead of showing them all at once. Read More

0 0
What do we think of the “packed” bar chart?

Xan Gregg - my partner in the #onelesspie campaign to replace terrible Wikipedia pie charts one at a time - has come up with a new chart form that he calls "packed bars". It's a combination of bar charts and the treemap. Here is an example of a packed barchart, in which the top 10 companies on the S&P500 index are displayed: What he's doing is to add context to...

0 0
Breathing Earth of vegetation

Using data from NOAA STAR, Nadieh Bremer creates a breathing Earth that shows the seasonal cycles of vegetation over the course of a year. The animation happening in the map above, through all 52 weeks of 2016, visualizes these seasonal cycles. The rise and fall of the growing season in the Northern Hemisphere is particularly visible. However, when focusing on different parts of the planet other cycles & different seasons...

0 0
Context, color and animation: a nice effort

What made this infographic from South Carolina Ports is the choice of contextual comparisons. The simple animation also helps. (Original here if the animated gif isn't working.) The random colors mean nothing but they did make me look at the graphic in the first place.

0 0
Attractive, interactive graphic challenges lazy readers

The New York Times spent a lot of effort making a nice interactive graphical feature to accompany their story about Uber's attempt to manipulate its drivers. The article is here. Below is a static screenshot of one of the graphics. The illustrative map at the bottom is exquisite. It has Uber cars driving around, it has passengers waiting at street corners, the cars pick up passengers, new passengers appear, etc....

0 0