Posts Tagged ‘nytimes’

Deep simplicity: A personal graphics Manifesto (Alberto Cairo)

Wednesday, July 7th, 2010


[Editor’s note: Alberto Cairo picks up where he left off in March, further defining what he calls “Deep simplicity” and why news infographics should use it to counter the trend of complex visualizations that are more data explorations (dumps) rather than distilled presentations. Unless you belong to the small community of specialists they are aimed at,” you won’t get those complex visualizations. Instead focus on sharing the “why” and “how” with less of the raw “what”.]

Republished from Visualopolis.

Last week I was working on a science infographic for Época with the help of my colleague Gerson Mora (3D guru) when I went back to the idea I’ve been thinking about for the past few months, and that you can see outlined in the previous article: is it possible to create graphics that are simple and deep at the same time? If it is, they probably are the ones that news magazine readers appreciate the most.

This is the graphic we worked on for a couple of days. Simple, isn’t it? Just four white 3D Poser-like heads that display different levels of anger. The story this graphic was published with deals with the outbursts of rage that many soccer players are showing during the South Africa World Cup. We wanted to explain what happens in your brain when that negative emotion overrules your conscious mecanisms, making you lose control. And why it happens. […]

This piece illustrates a fancy concept Ive been thinking about for future articles and books: deep simplicity. There’s a book under the same name by John Gribbin, but it has nothing to do with graphics (it’s about chaos theory and complexity). There’s also a little masterpiece by John Maeda that promotes something similar to what I propose, but applied to design in general, and in a more abstract level. I confess that some of Maeda’s ideas permeate my own reflections heavily. […]

What does deep simplicity mean, anyway?

Continue reading at Visualopolis . . .

Home Prices in Selected Cities, Through October 2009 (NY Times)

Tuesday, January 5th, 2010

[Editor’s note: Year-over price difference in 30 cities across the United States as an interactive chart.]

Republished from the New York Times.

Interact with the original . . . (Screenshot below)


. Source: S&P/Case-Shiller

Where 09: Matthew Ericson, “Red State, Blue State: Election Maps at The New York Times”

Friday, May 29th, 2009

More links and slides from the presentation at Ericson’s website . . .

The Ad Wars (NY Times)

Tuesday, October 21st, 2008

[Editor’s note: Graduated circles are automatically sized in Flash interactive from The New York Times. I believe the circle locations are auto plotted, too, but already transformed to projected XY coordinates, not from Lat-Longs. I like the National and Cable graduated symbols in the Gulf of Mexico.]

About $300 million has been spent from April 3 to Oct. 13, 2008 to broadcast over 200 ads, according to statistics compiled by Campaign Media Analysis Group, which tracks political advertising expenditures.

View original interactive version at . . .

Source: Campaign Media Analysis Group, a division of TNS Media Intelligence

2008 Beijing Olympics Interactives (NY Times)

Wednesday, August 13th, 2008

[Editor’s note: I especially enjoyed the Path to Victory: Women’s Gymnastics Team Competition interactive as it reminded of me of my sister’s competitive gymnastics and watching past Olympics with her. Now she’s out fighting fires in Cali and Oregon far away from the TV coverage! Thanks Denny.]

Reprinted from the New York Times.
Series looks to continue. Various artists.


An Interactive Map of Beijing

An Interactive Map of Beijing

An interactive tour of Beijing and its various Olympic venues.

Passing the Torch

Passing the Torch

A design history of the Olympic torch from 1936 to the present day.

Men's Cycling Results

Men’s Cycling Results

Samuel Sanchez of Spain won the grueling 152-mile road race from Beijing through the mountains.

Assessing the Air in Beijing

Assessing the Air in Beijing

Daily updates on the air quality levels in Beijing and Eastern China.

She Shoots, She Scores

She Shoots, She Scores

Katerina Emmons won the women’s 10-meter air rifle event, the first gold medal of the Beijing Olympics.

One Gold, Seven to Go

One Gold, Seven to Go

How Michael Phelps won the 400-meter individual medley, his first gold medal of the Olympics.

Coming From Behind

Coming From Behind

How Jason Lezak came from behind in the last leg of the 4x100m relay to give the U.S. team the gold.

Soaring Over the Bar

Soaring Over the Bar

Justin Spring, who will be representing the United States in Beijing, explains his techniques on the high bar.

How Spitz and Phelps Compare

How Spitz and Phelps Compare

Times and technology have changed, but here’s how Mark Spitz and Michael Phelps match up.

Gold Medal Moves

Gold Medal Moves

A former Olympian, Stephen McCain, steps through Deng Linlin’s floor routine.

Path to Victory: Women's Gymnastics Team Competition

Path to Victory: Women’s Gymnastics Team Competition

The Chinese team won the women’s gymnastic team competition Wednesday. The American team was second.

China Dominates Synchronized Diving

China Dominates Synchronized Diving

Huo Liang and Lin Yue of China won gold in men’s synchronized platform diving on Monday. John Wingfield, coach of the U.S. diving team, walks through one of the winning dives.

Swimming Records Broken in Beijing

Swimming Records Broken in Beijing

A look at the number of swimmers who have broken world records in the Beijing Olympics.

The Ebb and Flow of Movies: Box Office Receipts 1986 – 2007 (NY Times)

Wednesday, March 5th, 2008

In time for this year’s Oscars (okay, last month) the New York Times produced this fascinating graphic showing box office receipts for recent films. Amanda Cox lead in the original print graphic and was assisted by Mathew Bloch, Lee Byron, and Shan Carter. The print version only went back a year (2007) and had a vertical orientation but the interactive version, linked here, goes back 20 years horizontally and is more immersive, allowing the user to query individual film “bubbles” or “threads” by name on mouseOver or by using the search box. I’ve a few ideas how it was created but the overall effect is artful while retaining a sine-waved influenced precision. Would have been nice to add the actual box office revenue figures to the mouseOvers.

ny times movie graphic big thumbny times movie graphic legend

UPDATE (6 Mar 2008)

The Times site has some discussion of this graphic:

A mystery software from Lee Bryan was used to make the chart.

However, if I were to create a similar graphic, I’d start in Excel and create two filled and stacked bar charts. For each chart I’d take half the films selected (some box office hits, some duds to even things out). These are time series where much of the time axis has 0 data values until the opening of the film. Then a big opening weekend and finally trailing off with a long tail till ending its box office run and then 0 values past that date. The data was weekly and there are 52 weeks in a year so 1040 total entries for each film. Open both charts into Illustrator. Now flip one so it formed the “bottom” half of this graphic. In the print version that would be the “left” and “right” halves. Join the two up along the common seam. Run a script or plugin to pull out the anchor points on each vertex for the bar chart fills, this gives it that nice curvy look. Then use the warp tool in Illustrator to give it the sine-wave effect by running it manually along the seam. Then fine tune the final result till it looks nice. The same thing can be done programatically by applying a sine wave to the data points (more effect closer to the seam, less far away).

Two solutions to smoothing out the sharply angled stacked area chart imported from Excel are:

  1. A free function in Illustrator CS3:
    Just select the anchor points with the hollow arrow selection tool and then there are extra settings in the control panel for changing the points to curve (and back to hard angle).
  2. A pay plug-in for earlier Illustrator versions: