Tag: Information graphics

How Obama Won: Showing the Electoral Shifts through Visual Animation

obama_animation.jpg
Animation is a little used, yet very strong visual cue, which possesses the unique quality that it can be added to most other existing visual cues (like color, shape, size, etc.), without loosing their pre-attentive characteristics.

The NYTimes infographic “How Obama Won Re-election” is therefore one of the very few visualization examples that uses animation in a way that it conveys meaningful and quantitative information. Here, the speed and length of the motion of each dot corresponds to the relative strength with which the population of a US county “shifted” from voting Democratic to Republican, or vice versa.

Notably, it is also one of the few infographics that have been featured so prominently on the New York Times homepage.

VIA: Infosthetics

The Water We Eat: Scroll-Down Infographic Story on Water Usage

This made me think of all the readings I have done on Privatization of Water,

Vía information aesthetics

 virtual_water.jpg

The Water We Eat [angelamorelli.com] by information designer Angela Morelli is an infographic story that unfolds by the act of scrolling down the page.

It features various animated visual elements that move, appear, rotate, zoom or fall, to convey the meaning behind data retrieved from the Water Footprint Network as well as some of the reasoning explained in the book “Virtual Water: Tackling the Threat to Our Planet’s Most Precious Resource“.

More information about this piece can be found here. Via @JanWillemTulp.