This American Infographic
The goal of This American Infographic is to make a companion infographic for every episode of This American Life.
This site is made possible by member support. ๐
Big thanks to Arcustech for hosting the site and offering amazing tech support.
When you buy through links on kottke.org, I may earn an affiliate commission. Thanks for supporting the site!
kottke.org. home of fine hypertext products since 1998.
Beloved by 86.47% of the web.
The goal of This American Infographic is to make a companion infographic for every episode of This American Life.
From a study on how people use Firefox, a heat map that highlights the most- and least-popular menu items. Bookmarks got the most use by far, followed by copy and paste. Copy was used about twice as much as paste, which suggests that about 50% of the time, people are copying things to be pasted into another program. Oh and not a single person used “Redo”. (via ben fry)
Photographer Michael Najjar took some of his photos from the Andes and turned them into stock market infographics. Here’s Lehman Brothers stock price from 1980 to 2008.

Boy, their stock price really fell off a cliff there, didn’t it? The rest of the series is worth a look as well, although Najjar’s site features the worst use of Flash I’ve seen in many months…it automatically fullscreens and generally wastes a bunch of time with transitions. To find the rest of the photos, wait until the map starts loading and put your mouse at the bottom of the screen. A menu will s.l.o.w.l.y. slide up…High Altitude is what you’re looking for. (via info aesthetics)
This visualization represents a year in color (summer is at the top, winter at the bottom).

The images were taken of the Boston Common, courtesy of Flickr.
Information visualization of some well-known movie quotes. A picture is, how you say, worth a thousand words:
A representation of how deep the Mariana Trench is. Turns out it’s really, really, really, really, really, really, really, really, really, really, really, really, really deep. (via df)
Watch Twitter’s engineering team and code base grow as the site gets more and more popular. It gets nuts at the end.
(thx, chris)
Ward Shelley paints these wonderfully intricate timelines of different things…his life, Frank Zappa’s career, and the history of the avant garde.
Photographs of curves found in nature and the graphs and functions that go with them.

(via snarkmarket)
Clever idea: you can measure the amount of ink required to print different typefaces simply by writing them out with ballpoint pens. The pens themselves become the usage graph:

Update: You can also use this technique to represent which colors you draw with most often.
The most interesting of several infographics related to The Beatles is the first one depicting the declining rate of collaboration within the band gleaned from songwriting credit data.

(thx, bryan)
This clever graph by National Geographic shows the cost of healthcare compared to life expectancy in a number of countries. The way that the US healthcare expenditure is pictured entirely outside the confines of the graph’s scale and legend is a particularly effective design decision. (thx, jim)
Today on xkcd, an illustration showing the gravity wells of our solar system’s planets and some of their moons.

Two of Mars’ tiny moons barely have any gravity at all:
You could escape Deimos with a bike and a ramp. A thrown baseball could escape Phobos.
That’s great, but you forgot Pluto!

One of many from Mary and Matt. It’s a stacked bar chart *and* candy. (via youngna)
New-ish thing from fake is the new real: outlines of the 100 most populous areas in the US. Some are cities and some are states.
The fifty largest metro areas (in blue), disaggregated from their states (in orange). Each has been scaled and sorted according to population.
By themselves, the New York, Los Angeles, and Chicago metros are the three most populous areas in the US. (via snarkmarket)
A visualization of the decline of the world’s four maritime empires (British, Portuguese, French, Spanish) from 1800 to 2009.
France pretty much just explodes around 1960.
A wonderful character interaction map of the Lord of the Rings trilogy drawn by Randall Munroe. Here’s just a little part of it:
Beautiful map by National Geographic of human exploration of the solar system.

See also Race to the Moon at HistoryShots and Bryan Christie’s Mission(s) to Mars. (thx, byrne)

This was my present to my nephew for his 3rd birthday. He loves, loves, loves the subway so my sister asked me if I could make a custom map with all the places that mean something to him on the poster.
Best viewed a bit large.
Update: There’s been a bit of confusion…this is not something that I made. I don’t even have a nephew.
Update: The subway map was made by Erin Jang.
A diagram that shows the overlap of street photography, fine art photography, and photojournalism.
Great interactive graphic from the Times depicting how people spend their time.
A handy flowchart: how to get your photo taken by The Sartorialist. If you’re a man and you have pants: “cuff ‘em, roll ‘em, make ‘em too short”.
Ben Fry just updated his interactive salary vs performance graph that compares the payrolls of major league teams to their records. Look at those overachieving Rays and Marlins! And those underachieving Indians, Mets, and Cubs!
Flip Flop Fly Ball is a marriage of baseball fandom and an enthusiasm for infographics. While not strictly baseball, this comparison of the sizes and shapes of sports balls is a favorite.
A very interesting infographic of the ideological history of the Supreme Court from 1937 to the present. The color coding on the map is weirdly inaccurate but you can still be general trends pretty well…like how many of the justices changed greatly during their terms. William O. Douglas became slightly more moderate mid-term and then got really liberal while Rehnquist went from very conservative to more moderate as his term went on, especially after he became Chief Justice.
OT: I knew there was a Burger on the bench but was unaware of Justice Frankfurter (1938-1961).
Update: Alex Lundry designed the visualization and got in touch to explain the color coding.
The colors are chosen based upon the Min, Max, and Median of the area we are comparing. So, in the first view, the “overall” view, the darkest Red is anchored to the maximum ideology number across all justices and all terms, the darkest Blue is anchored to the minimum score, and the purest white is anchored to the actual median number (The Location of the Median Justice is NOT necessarily the actual median, as it is calculated via a Bayesian statistical estimate).
The second “compare” option, “within each seat, row” calculates separate color anchors for each row.
Similarly, the third compare option, “within each year, column” calculates separate color anchors for each column.
The Location of Median Justice and Court Average are not included in these calculations and their color values are set to what they would be in the overall comparison.
Update: Burger, Frankfurter, Salmon. (via @kurtw)
Infographics News collects some lovely infographics from a new Portuguese newspaper called i.
The style of infographics follow the general design created by Javier Errea: no fireworks, modern, compact, with cromatic impact but smart. And the Innovation spirit: “newspapers must be daily magazines”, as Juan Antonio Giner says.
(via max gadney)
Bud Caddell summarizes how to be happy with your work in the form of a Venn diagram consisting of three main overlapping areas: What We Do Well, What We Want to Do, and What We Can Be Paid to Do. (via today and tomorrow)
Socials & More