kottke.org posts about infoviz
MLB tracks every pitch thrown in a game using a system called PITCHf/x. You may have seen this system in action during televised games; it’s used to show the viewer where the pitch was located when it crossed the plate relative to the strike zone. On his baseball statistics blog, Josh Kalk takes these stats and lets you slice and dice them however you want.
One of the most interesting statistics measured is the break of a pitch…how much up-and-down and side-to-side motion a pitched ball goes through after leaving the pitcher’s hand. The break demonstrates why the knuckleball is such a difficult pitch to hit, particularly when used in conjunction with other pitch types. Here’s a graph showing the break on knuckleballer Tim Wakefield’s pitches so far this season:
The ball is all over the place…the hitter doesn’t know where it’s going. Compare that to the break on the three different pitches thrown by fellow Red Sox player Daisuke Matsuzaka:
Now take a look at the graphs on the player cards for Wakefield and Matsuzaka. Wakefield’s pitches also have a wider range of velocities…Matsuzaka’s pitches range in speed from about 77 to 95 mph while Wakefield’s pitches range from 65 to 95 mph. And the graphs don’t even account for the multiple breaks that a knuckleball can make during a single pitch. The uncertainties of speed and break of a knuckleballer’s pitches combine to create a lot of trouble for batters…they neither know where the ball’s going nor when it’s going to arrive. (thx, fred)
P.S. So why is Wakefield not as effective as many other major league pitchers (his career stats aren’t that impressive), none of whom throw the knuckleball? One guess is that sometimes the knuckleball doesn’t break and essentially becomes a 60-65 mph meatball right down the middle of the plate, a pitch any decent hitter can put anywhere he wants.
Update: I thought that Wakefield’s upper velocity range was a little high. I’m getting a lot of feedback saying that Wakefield’s fastball is in the low 80s, not the mid-90s. Looks like we’ve got some screwy data here.
Also, another reason why knuckleballers are of limited effectiveness: it’s difficult to throw a strike on command, which can be a problem when you’re behind in the count and you have to throw your 80 mph fastball for a strike. (thx, jonathan & steve)
Interesting timelapse visualization of fatalities in Iraq since March 2003. Turn your sound on…after awhile, it starts to sound like machine gun fire. Note: fatalities are non-Iraqi only…it’s likely the whole screen would be flashing if those were included. (thx, mark)
Graphical demonstration of the hand signals needed to buy and sell commodities on the floor of the New York Mercantile Exchange.
My wife is a bit of a statistics nut. A few years ago, she hooked herself up to a heart rate monitor during a playoff football game and graphed the results. Sometimes I think she does things just so she’s got an excuse to open up Excel. So I wasn’t really surprised when she showed me this graph yesterday afternoon:
That’s a record of Meg’s weight from when she got pregnant with Ollie to the present, 80 weeks of data in all…40 weeks with Ollie on the inside and 40 on the outside.
Charles Joseph Minard may get all the accolades for his graphic of Napolean’s march to Moscow, but for me, the above chart is the most beautiful ever created. When I look at it, I see Ollie. The graph is a portrait of him, as sure as this photo is. It’s also a record of an intense time for our family. I’m reminded of Meg, happy and pregnant but also struggling with her changing body. Trips we took, doctor visits, the growing belly and anticipation, the birth itself, and then falling off the cliff into the giddy, difficult unknown of new parenthood. And then you can see Meg slowly but surely getting back into shape while being a full-time stay-at-home mom (and managing an architecture project to boot), and achieving her goal of getting back to her pre-baby fitness level in a scant 8 months. You can’t really see it, but there’s a happy father and proud husband in there somewhere as well.
That’s a lot of emotional impact for a simple black and white line graph with few labels. Imagine if it were in color and isometric 3-D! ;)
Gorgeous maps and infographics by Stefanie Posavec that map the literary geography of Jack Kerouac’s On the Road.
The maps visually represent the rhythm and structure of Kerouac’s literary space, creating works that are not only gorgeous from the point of view of graphic design, but also exhibit scientific rigor and precision in their formulation: meticulous scouring the surface of the text, highlighting and noting sentence length, prosody and themes, Posavec’s approach to the text is not unlike that of a surveyor. And similarly, the act is near reverential in its approach and the results are stunning graphical displays of the nature of the subject. The literary organism, rhythm textures and sentence drawings are truly gorgeous pieces.
The sentence drawings are really worth checking out.
Update: Posavec’s analysis of Walter Benjamin’s The Work of Art in the Age of Mechanical Reproduction is available for sale at 20x200. Apropos!
The final episode of St. Elsewhere revealed that all of the action of the show took place in the mind of an autistic child. Two detectives from Homicide: Life on the Street investigate a doctor from St. Elsewhere. Thus Homicide is a fiction. And so are 280 other shows that are connected to those two shows through crossovers and references. This page contains a map of all the crossovers, encompassing such disparate shows as Doctor Who, The King of Queens, and Leave It to Beaver. Wonderful.
Flowchart: exposed to Dungeons and Dragons early in life, yes or no? I didn’t play a whole lot of D&D as a kid (maybe three time total) but I’ve flowed through several of these points nonetheless.
(thx, amy)
The 2007 Digital Economy Handbook is almost 200 pages of information about trends related to the internet, hardware, software, communications, digital media, ecommerce, and more. Looks like an amazing document and it’s a free download. Tons of charts and graphs and tables. (thx, jeff)
On view at MoMA through May 12, 2008: Design and the Elastic Mind.
In the past few decades, individuals have experienced dramatic changes in some of the most established dimensions of human life: time, space, matter, and individuality. Working across several time zones, traveling with relative ease between satellite maps and nanoscale images, gleefully drowning in information, acting fast in order to preserve some slow downtime, people cope daily with dozens of changes in scale. Minds adapt and acquire enough elasticity to be able to synthesize such abundance. One of design’s most fundamental tasks is to stand between revolutions and life, and to help people deal with change.
I was surprised at how many of the show’s ideas and objects I’d seen or even featured on kottke.org already. But getting there first isn’t the point. The show was super-crowded and I didn’t have a lot of time to look around, but here are a couple of things that caught my eye.
Michiko Nitta’s Animal Messaging System (AMS), part of a larger project she did called Extreme Green Guerillas. The basic idea of the AMS is to use the radio ID tags worn by migratory animals to send messages from place to place. Nice map.
Molecubes are self-replicating repairing robots. Video here.
And I’ve been looking for Brendan Dawes’ Cinema Redux project for several months now…most recently I wanted to include his work in my time merge media post.
Using eight of my favourite films from eight of my most admired directors including Sidney Lumet, Francis Ford Coppola and John Boorman, each film is processed through a Java program written with the processing environment. This small piece of software samples a movie every second and generates an 8 x 6 pixel image of the frame at that moment in time. It does this for the entire film, with each row representing one minute of film time.
For more, check out the online exhibition (designed by Yugo Nakamura and THA Ltd, the folks behind FFFFOUND!). Thanks (and congratulations!) to Stamen for hosting a tour of the exhibition.
An amazingly dense infographic of box office revenues for all movies since 1986. It’s a little confusing at first because the vertical scale is basically irrelevant, but once you get the hang of things, it’s fun to just scroll through the years. Interesting stuff to look out for:
1. The gross receipts have obviously gone up in the past 11 years.
2. The summers get much more blockbustery.
3. As time goes on, movies open bigger but don’t last nearly as long in the theater as they used to. There are also more movies to choose from in 2007 than in 1986.
4. For some exceptions to the normal pattern, check out My Big Fat Greek Wedding, Juno, Dances With Wolves, Platoon, and Million Dollar Baby. (via big picture)
Regarding the graph of technological adoption I linked to the other day, I wrote the graph’s creator** a little note, wondering if he’d done a version comparing the adoption rates directly (like this home run leaders chart). He hadn’t, but he whipped one up quick and sent it to me…which saved me a lot of time in Photoshop.
I can’t post it (the Times has legal dibs on it), but according to the graph (which Nicholas admits is more “guesstimate-y” than the one that ran in the Times), the five technologies that made it into 80% of US households the quickest were (with the rough year of initial availability in parentheses):
1. radio (1922)
2. microwave oven (1972)
3. VCR (1979)
4. color TV (1960)
5. cellphone (1983)
The internet has not yet reached the 80% mark and it may move into the top 5 when it does. And the way the cellphone trend is going, it might be the first to 90%. Anyway, it’s interesting that the common belief is that technology is being adopted faster and faster by Americans these days but that radio was adopted faster than anything else on the chart.
** One Nicholas Felton, who you may recall from his lovely personal annual reports.
It seems like I’m always looking for this graph comparing the adoption rates of different technologies (cars, microwaves, color TVs, cellphones, etc.). No more…it’s posted here for my future reference.
The referring article on the differences between what people spend and what people earn is worth noting as well.
If we compare the incomes of the top and bottom fifths, we see a ratio of 15 to 1. If we turn to consumption, the gap declines to around 4 to 1. A similar narrowing takes place throughout all levels of income distribution. The middle 20 percent of families had incomes more than four times the bottom fifth. Yet their edge in consumption fell to about 2 to 1.
Web Trend Map 2008 Beta, which is basically 300 influential web sites mapped onto a Tokyo train map. It’s very pretty, but once again, kottke.org gets no love.
Update: A general trend map for 2008, this one modeled on the Shanghai subway map. (via mass custom., thx maaike)
Using “favorite books” data from Facebook and the average SAT/ACT scores from the colleges the people in the data set attend, Virgil Griffith plotted a graph of “books that make you dumb”. Lolita, 100 Years of Solitude, and Crime and Punishment were the “smartest” books while the Zane erotica books are the “dumbest”. (via o’reilly radar)
Stamen teamed up with MySociety to produce some lovely travel-time maps of London. My favorite is the interactive travel + housing prices map:
Next, it is clearly no good to be told that a location is very convenient for your work if you can’t afford to live there. So we have produced some interactive maps that allow users to set both the maximum time they’re willing to commute, and the median house price they’re willing or able to pay.
The commute time slider makes a lovely Mandelbrot-esque pattern as you pinch the times together. (via o’reilly radar)
How does the GDP of the US today compare with that of other countries in the past?
China and India combined to produce nearly half the world’s economic output in 1820 compared to just 1.8% for the U.S. Our remarkable growth since 1820 has benefited from democratic institutions, a belief in capitalism, private property rights, an entrepreneurial culture, abundant resources, openness to foreign investment, the best universities, immigration and relatively transparent markets.
The stories of three exemplary information graphics. If you’re up on your Tufte, they’ll be known to you already but always worth a look.
Duelity is a split-screen movie with one half of the screen showing the six-day creation of the earth & man in scientific terms and the other half showing the Big Bang/evolution origin of the universe as it might have been written in the Bible. (Click on “watch” then “duelity” to get the full effect.) Nice use of infographics and illustration. (thx, slava)
Foodpairing: extensive diagrams showing which foods go with other foods. See also the Synesthetic Cookbook.
Related to Jason Salavon’s work from last week is Brian Piana’s work, the layouts and colors of web sites with all of the text and graphics stripped out. For instance, Barack Obama’s Twitter page. The flowchart stuff is lovely…reminds me a bit of this page from Jimmy Corrigan. (thx, jonathan)
A history of matching tile games (like Tetris, Dr. Mario, Bejeweled). Don’t miss the family tree of matching tile games about a fourth of the way down the page (larger version here). I’m no matching tile game scholar, but where the hell is Snood?
Update: Aha, it’s because Snood is a rip-off of Puzzle Bobble. (thx, greg & kevin)
Sci-Fi Starship Size Comparison Chart. After one glance I snorted, “what, no Death Star?” Asked and answered:
First, the Death Star is so friggin’ huge that it doesn’t fit on even the largest chart I’ve made. And that’s even for the low-ball estimate of the size, which brings me to my second point: No one can agree just how big the Death Stars actually were, so there’s no point in doing their sizes.
That’s spectacularly and deliciously nerdy.
Update: The Death Star is listed here. (thx, everyone)
A very interesting extinction timeline from 1950-2050. Blogging is predicted to die out around 2023, the same time as Web 2.0, The Maldives, and spelling. The last to go? Death. It’s based on the creator’s book, Future Files: A History of the Next 50 Years.
Graph of the movie poster colors of the top-grossing movies, from the brightly colored G-rated movies to the dark and fleshy NC-17 films.
Edward Tufte highlights some infographics done by Megan Jaegerman for the NY Times in the 90s. Tufte: “Her work is elegant, smart, finely detailed, inventive, and informative. A fierce researcher and reporter, she writes gracefully and precisely. Her best work is the best work in news graphics.”
Newer posts
Older posts
Stay Connected