interactive design – Page 30

Digging up a Dornier

Dornier was a German aircraft manufacturer active during World War II. One of their more interesting designs was the Do-17 bomber, nicknamed the Pencil Bomber because of its unusually thin fuselage. All surviving examples of the aircraft were thought destroyed until one was found on the floor of the English Channel. Yesterday the Royal Air Force Museum raised it from the seafloor to preserve it and eventually display it as a museum piece.

The BBC created this interactive piece or illustration to explore the aircraft. The illustration is not the greatest, but this does appear to be a new type of interactive piece for their design team. Accompanying the piece is a bit of text asking for feedback.

Credit for the piece goes to Tian Yuan, George Spencer, Paul Sargeant and Mark Bryson.

Campaign Contributions

On 21 May, Angelenos went to the polls to elect the next mayor of Los Angeles. The contest followed an earlier vote that prompted the day’s run-off election. This graphic from the Los Angeles Times examined the contributions to the campaigns of the two finalists, Eric Garcetti and Wendy Greuel.

The overall piece features an interesting interactive component that allowed the user to switch from a scatter plot view to a stacked bar chart view and then filter those results based on whether they were direct or indirect contributions. Generally speaking, that element worked. However, I want to focus on the second big component: an interactive tree map.

While not all tree maps have to be squarified, by converting datapoints to (roughly) similar shapes the user should have an easier time comparing the area of the objects. This tree map is not squarified and so the user must strain to convert all the different shapes into roughly equal shapes for a visual comparison. Nor is there an inherent ranking within the map—at least not that I can find. That would also help.

So while the tree map is not a success in and of itself, the rollover condition makes for a more interesting overview of the different sectors of contributions. But despite this added value in the rollover, the data powering the tree map would still be better presented in a different format.

Credit for the piece goes to Maloy Moore and Anthony Pesce.

Piracy on the Seas

Today’s post looks at an interactive graphic from the Los Angeles Times. The subject matter is piracy and the piece has three distinct views, the second of which is displayed here.

Generally speaking, the package is put together fairly well. My biggest concern is with the first graphic. It uses circles to represent the number of attacks by locale over time. I would have either included a small table for each geographic area noted, or instead used a bar chart or line chart to show the progress over time.

Credit for the piece goes to Robert Burns, Lorena Iñiguez Elebee, and Anthony Pesce.

A (Time and) Space Race

First of all, I grew up a fan of Star Trek and not Star Wars. Star Trek is, after all, more science-y. Now, for today’s post, I could make references to the battlestar Galactica, the good ship Tardis, Planet Express deliveries, or avoiding the Alliance throughout the Verse. Instead I’ll just submit this interactive graphic from Slate.

It compares the times needed by various nerd-loved starships/spaceships/space vehicles to reach very distant (and real) stellar destinations. Don’t worry, there is a bar chart in the end with Voyager 1 thrown in for comparison to reality. (Though I suppose they could have just made it Voyager 6.)

Not accounting for differing technologies or laws of physics

See, a bar chart. It fits within the scope of this blog.

Credit for the piece goes to Chris Kirk, Andrew Morgan, and Natalie Matthews.

Student Debt Levels are Soaring

Earlier this month the Federal Reserve Bank of New York published a report on household debt. Among the findings was the story that student debt is rising to problematic levels as it may act as a brake on economic recovery. In short, without an economy creating jobs for the young (recent university graduates) it becomes increasingly difficult for the young to pay pack the loans for the sharply rising costs of university tuition.

The report made this argument by use of interactive choropleth maps and charts. The one below looks at

But another chart that talks about the rising levels of student loan debt misses the mark. Here we see some rather flat lines. Clearly student loans are growing, but without a common baseline, the variations in the other types of debt muddle that message.

The NY Fed's presentation of non-housing debt

I took the liberty of using the data provided by the New York Fed and charting the lines all separately. Here you can clearly see just how in less than ten years, student loans have risen from $200 billion to $1,000 billion. This as credit card debt is falling along with other forms of debt (non-automotive).

The New York Fed did some great work, but with just one tweak to their visualisation forms, their story is made much more powerful and much more clear.

Credit for the original work goes to the Federal Reserve Bank of New York.

Which Beaches Are Open for the Start of Summer?

Last year Hurricane Sandy wrecked swathes of the Jersey Shore and Long Island. Since then, authorities and officials have been busy preparing and rebuilding the shore for the unofficial start of summer: Memorial Day Weekend. This interactive map from the New York Times looks at what will be open for Memorial Day from Connecticut through Long Island to as far south as Margate.

What beaches will be open along the shore

Once you find your preferred beach, you can see the details of what will be open, closed, or otherwise different. This is the view for Atlantic City, nearest to the southern New Jersey shore towns where I spent so many years but are left off the map.

Credit for the piece goes to Jenny Anderson, Lisa W. Foderaro, Tom Giratikanon, Sarah Maslin Nir, Robert Davey, Christopher Maag, and Tim Stelloh.

Strikeouts on the Upswing

Strikeouts are an important part of baseball. They are the moments where the pitcher wins the duel between pitcher and batter that is the essential element of baseball. But over the years the game has seen more and more batters striking out more often. Earlier this year the New York Times looked at the rising rates of strikeouts in a story supported by interactive data visualisation components.

Like the piece on Bryce Harper, this piece on strikeouts is more of a narrative with the interactive graphics supporting the written words. It is not as lengthy as the Washington Post’s piece, but this one is far more interactive as the user can select his or her favourite teams and follow their performance over time.

Credit for the piece goes to Shan Carter, Kevin Quealy and Joe Ward.

Bryce Harper

Bryce Harper is undoubtedly one of the best baseball players in the game today. To put it simply, he hits. And he hits well. And he hits well often. So the Washington Post put together an interactive, long form piece about Harper’s swing and hitting.

The piece begins with a narrated video outlining the science behind Harper’s swing. Then the reader can down into the piece and learn more about Harper’s history and development and how he compares to other hitters. Statistics and data visualisation pieces show just how impressive Harper is as a hitter and how pitchers are trying to combat that.

Interactive long form articles are appearing more and more often online. But this is perhaps the most data- and science-intensive piece I have seen thus far. What is particularly nice about the format is that, as I have often noted, annotations and explanations are what make good infographics and what move data visualisation from presentational to informational. That this piece in particular happens to be about baseball, well, all the better.

Credit for the piece goes to Adam Kilgore, Sohail Al-Jamea, Wilson Andrews, Bonnie Berkowitz, Todd Lindeman, Jonathan Newton, Lindsay Applebaum, Karl Hente, Matthew Rennie, John Romero, and Mitch Rubin.

Disabled List Payrolls

The Boston Red Sox are in Chicago this week to play the other Sox, i.e. the White Sox. So this week we have a bunch of baseball-related pieces. The first is this recent interactive graphic from the New York Times. It is a daily-updated graphic that looks at the payroll of all Major League teams that is tied up on players on the Disabled List, i.e. those unable to play because of injuries.

Clearly the Yankees are paying a lot of money for no production. You can go down the list and compare each team’s total spending. But if you want intra-team details, the piece offers you the ability to look at player-by-player salary details. Interestingly one of Chicago’s baseball teams ranks just above the Red Sox while Milwaukee sits just below.

Credit for the piece goes to Shan Carter, Kevin Quealy and Joe Ward.

California Budget 2013–14

Yesterday I looked at the aboriginal Canadian identity infographic and wondered if bubbles in a bubble suffice for understanding size and relationship. Today we look at an interactive graphic from the Los Angeles Times where I do not think the bubbles suffice.

In this graphic, I cannot say the bubbles work. Besides the usual difficulty in comparing the sizes of bubbles, too many of the bubbles are spaced too far apart. These white gaps make it even more difficult to compare the bubbles. Furthermore, as you will see in a moment, it is difficult to see which programmes receive more than others because there is no ranking order to the bubbles.

Below is a quick data sketch of the state funds only data for 2013 and 2012.

While I did not spend a lot of time on it, you can clearly see how simply switching to a bar chart allows the user to see the rank of programmes by state funding. It is not a stretch to add some kind of toggle function as in the original. One of the tricky parts is the percent growth. You will note above that my screenshot highlights high speed rail; the growth was over 3000%. That is far too much to include in my graphic, so I compared the actuals instead. That is one of the tradeoffs, but in my mind it is an acceptable one.

Credit for the original goes to Paige St. John and Armand Emamdjomeh.