Advertise here with Carbon Ads

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.

๐Ÿ”  ๐Ÿ’€  ๐Ÿ“ธ  ๐Ÿ˜ญ  ๐Ÿ•ณ๏ธ  ๐Ÿค   ๐ŸŽฌ  ๐Ÿฅ”

kottke.org posts about infoviz

Superheroes are all around us

This chart shows former and future superheroes by movie. That is, George Clooney played Batman, so Out of Sight gets a Batman, along with another Batman for Micheal Keaton, and a Nick Fury for Sam Jackson. Lots of movies have 4 superheroes, though none on this chart have 5. Click through, you’ll understand. If you want to see how they all fit together, he’s made that chart, too. Raynor, you may raymember, also made the Harry Potter wizards in other movies chart.

HBO recently released a documentary about real-life superheroes. The trailer is below. It reminded me of the fascinating Rolling Stone article about Master Legend, but I can’t find it on their site because Rolling Stone doesn’t believe the internet needs to see old articles.

Incidentally, I found not 1, but 3 networks for real-life superheroes.
1, 2 3. But also, hipster superheroes. Hulk is only smashing ironically. And here’s a list of all the superheroes. All of them.

Lastly, I’d be remiss not to mention Petsaresuperhero.es, a project I put together with a friend. You know your pet’s a superhero, now you can show the world.


Sunscreen explained

This infographic over at Information is Beautiful does a great job explaining the difference UV protections offered by sunscreens, what SPF is, when/how much to apply, etc. I had no idea about the stars or the difference between UVA and UVB.


Slopegraphs

Charlie Park takes a look at a type of chart that Edward Tufte developed for his 1983 book, The Visual Display of Quantitative Information. Unlike sparklines, another Tufte invention/coinage, slopegraphs didn’t really take off.

It’s curious that it hasn’t become more popular, as the chart type is quite elegant and aligns with all of Tufte’s best practices for data visualization, and was created by the master of information design. Why haven’t these charts (christened “slopegraphs” by Tufte about a month ago) taken off the way sparklines did? In this post, we’re going to look at slopegraphs โ€” what they are, how they’re made, why they haven’t seen a massive uptake so far, and why I think they’re about to become much more popular in the near future.


Where has all the drama gone?

From very small array, an infographic look at which movie genres have done well at the box office and at awards time. Dramas have all but vanished from the box office chart in recent years. (thx, jon)


No more fish in the sea

David McCandless made a data visualization comparing the Atlantic Ocean fishing stocks in 1900 and in 2000. It’s a literal jawdropper…here’s just a little bit of it:

Fish all gone

That’s not just depleted…the fish are just gone. Click through for the full craziness. (via @daveg)


Edward Tufte profile

Joshua Yaffa profiles Edward Tufte for The Washington Monthly.

After the publication of Envisioning Information, Tufte decided, he told me, “to be indifferent to culture or history or time.” He became increasingly consumed with what he calls “forever knowledge,” or the idea that design is meant to guide fundamental cognitive tasks and therefore is rooted in principles that apply regardless of the material being displayed and the technology used to produce it. As Tufte explains it, basic human cognitive questions are universal, which means that design questions should be universal too. “I purposely don’t write books with names like How to Design a Web Site or How to Make a Presentation,” he told me.


Hand-drawn timelines

This Tumblr filled with hand-drawn timelines is wonderful…the Troublemaker of the Moment timeline is a favorite.


Silly charts

New Yorker editor Ben Greenman makes silly charts and graphs:

Silly chart


Twitter sparklines

I’ve been seeing a few mini bar charts (aka sparklines) pop up on Twitter in the past few days. Like this one:

Twitter sparklines

Last year Alex Kerin built an Excel-to-Twitter sparkline generator that uses Unicode block elements for the tiny charts and now media outlets like the WSJ are using it to publish data to Twitter:

Twitter Sparklines 1

Anil Dash has a nice post on how the WSJ came to use Kerin’s idea. Here are a few more favorites “sparktweets” (1, 2, 3, 4, 5):

Twitter Sparklines 2
ย 

Twitter Sparklines 3
ย 

Twitter Sparklines 4
ย 

Twitter Sparklines 5
ย 

Twitter Sparklines 6


Chartwell, the infographics font

Chartwell is a type family you can use to build all kinds of graphs and charts. Stringing letters and numbers together into ligatures, you can make things like this:

Chartwell


Harry Potter wizards in other movies

Here’s an infographic that shows feature films with four or more Harry Potter wizards in them.

i was watching sense & sensibility in the back of my neighbour’s minivan while on a stakeout the other night and realized that professors snape, trelawney, and umbridge had each somehow apparated into the cast. my neighbour (who is a former hogwarts alumna) pointed out that cornelius fudge and madam pomfrey were also in it. was this a record for the most harry potter wizards in a non-harry potter film?

Close but nine Potter wizards is the record…can you guess which movie before clicking through?


Radiation dose chart

With the assistance of a nuclear reactor operator, Randall Munroe came up with this handy radiation dose infographic. Doses recorded near the Fukushima plant compare to those from a single mammogram or dental x-ray. A note on how to use this chart:

If you’re basing radiation safety procedures on an internet PNG image and things go wrong, you have no one to blame but yourself.

(via df)


Weatherspark

Weatherspark is an impressive collection of weather data, graphs, and tools.

WeatherSpark is a new type of weather website, with interactive weather graphs that allow you to pan and zoom through the entire history of any weather station on earth.

Get multiple forecasts for the current location, overlaid on records and averages to put it all in context.

Here’s the weather for NYC. (via @bantic)


Watch the world get fat

This interactive chart from the Washington Post shows how the average body mass index has risen in most countries since 1980. The European men getting comparatively heavier than European women (against the general trend of the rest of the world) is interesting.


Coenfographic

An infographic that stitches together the 15 films that the Coen brothers have made.

Coenfographic


Horoscopes: all the same

As you can see in this visualization created by Information is Beautiful, the most commonly used words in horoscopes are amazingly consistent across the twelve different signs. As part of the analysis, they also created a meta-horoscope reading for use anytime during the year:

Ready? Sure? Whatever the situation or secret moment, enjoy everything a lot. Feel able to absolutely care. Expect nothing else. Keep making love. Family and friends matter. The world is life, fun, and energy. Maybe hard. Or easy. Taking exactly enough is best. Help and talk to others. Change your mind and a better mood comes along…

What a crock. (via @dens)


The Joy of Stats

An hour-long documentary on statistics and infoviz produced by the BBC.

Documentary which takes viewers on a rollercoaster ride through the wonderful world of statistics to explore the remarkable power thay have to change our understanding of the world, presented by superstar boffin Professor Hans Rosling, whose eye-opening, mind-expanding and funny online lectures have made him an international internet legend.

(via waxy)


Explain the internet to a 19th century British street urchin

If you ever find yourself time travelling back to Victorian England, here’s a handy flowchart that will help you explain the internet to the youth of the era.

Internet urchin flowchart


Geographical time spiral

Lovely timeline of the progression of life on Earth.

Geographic time spiral

It’s work clicking through to see the larger image. (via @moleitau)


Infinite Jest infographic

This infographic attempts to explain all the interpersonal connections in Infinite Jest. (via personal report)


World’s tallest buildings, circa 1884

Before peeking ahead, quick quiz: as 1884 came to a close, what was the tallest building in the world? It’s the one in the middle of this beautiful diagram of The Principal High Buildings of the Old World from Cram’s Unrivaled Family Atlas of the World:

Principal High Buildings

That’s right, the Washington Monument was the tallest building in the world for about five years before the Eiffel Tower, at almost double the height of the Washington Monument, took over the top spot for more than 40 years. (via modcult)


Journalism in the age of data

A 50-minute documentary on information visualization and its use in journalism.

Lots of kottke.org regulars in there…Fry, Wattenberg, Koblin, Felton, Stamen, etc. And Amanda Cox sounds like Sarah Vowell!


Pseudovariety

Pseudovariety โ€” “the illusion of diversity, concealing a lack of real choice” โ€” is when you go to the store and see an entire aisle filled with hundreds of different kinds of soda but most of those soda varieties are owned by three companies. Click through to see a neat visualization of soft drink brands and their market shares and owners.


Web packets in flight

Here’s what the communication between a web browser and YouTube looks like when the browser requests a video, slowed down 12X so you can actually see what happens.


Locals vs. tourists

Locals and Tourists is a set of maps showing where people take photos in various cities around the world. The results are broken down into tourist photos and photos taken by locals. Here’s NYC:

NYC photo takers

Blue points on the map are pictures taken by locals (people who have taken pictures in this city dated over a range of a month or more). Red points are pictures taken by tourists (people who seem to be a local of a different city and who took pictures in this city for less than a month).


European airspace timelapse, before and after the volcano

Here’s European airspace shutting down as the ashcloud from Eyjafjallajokull drifts over the continent:

The music is an inspired choice. And here’s European airspace starting back up again:

(via infosthetics)


Stages of a photographer

Stages of a photographer

Shouldn’t the HDR Hole actually extend below the baseline? Larger version is here. See also Clayton Cubitt’s three-step guide to photography:

01: be interesting. 02: find interesting people. 03: find interesting places. Nothing about cameras.

(via clusterflock)


Cartographies of Time

The NY Times’ Paper Cuts blog calls Cartographies of Time “the most beautiful book of the year”. I cannot disagree. In attempting to answer the question “how do you draw time?”, the authors present page after page of beautiful and clever visual timelines.

Cartographies of Time is the first comprehensive history of graphic representations of time in Europe and the United States from 1450 to the present. Authors Daniel Rosenberg and Anthony Grafton have crafted a lively history featuring fanciful characters and unexpected twists and turns. From medieval manuscripts to websites, Cartographies of Time features a wide variety of timelines that in their own unique ways-curving, crossing, branching-defy conventional thinking about the form. A fifty-four-foot-long timeline from 1753 is mounted on a scroll and encased in a protective box. Another timeline uses the different parts of the human body to show the genealogies of Jesus Christ and the rulers of Saxony. Ladders created by missionaries in eighteenth-century Oregon illustrate Bible stories in a vertical format to convert Native Americans. Also included is the April 1912 Marconi North Atlantic Communication chart, which tracked ships, including the Titanic, at points in time rather than by their geographic location, alongside little-known works by famous figures, including a historical chronology by the mapmaker Gerardus Mercator and a chronological board game patented by Mark Twain. Presented in a lavishly illustrated edition, Cartographies of Time is a revelation to anyone interested in the role visual forms have played in our evolving conception of history.

The book is also available at Amazon.


On infographics

Phil Gyford’s spot-on critique of the number and quality of infographics currently choking the web. As Phil notes, far too many infographics decorate and don’t communicate.


NYC taxi flow infoviz

Nice timelapse map view of taxi traffic across Manhattan.

Taxi flow NYC

I’ve often wondered what an NYC version of Stamen’s Cabspotting project would look like.