interactive design – Page 13

Urban Homicide

Today we look at a really nice piece from the Washington Post on urban homicide. It combines big, full-width images that use interactivity to promote exploration of data. But as you can see in the screenshot below, the designers took care to highlight a few key stories. Just in case the reader does not want to take the time to explore the data set.

But the piece uses scale to provide contrast throughout the article. Because in addition to the three or four big graphics, a similarly well-thought-out and well-designed approach was taken towards smaller, inline supplemental graphics. Here is an example about the homicide rate for New York.

New York's homicide rate as an inline graphic — New York’s homicide rate as an inline graphic

What I really enjoy about these small graphics is the attention paid to highlighting New York against the background averages provided for context. Note how the orange line for the city breaks the grey lines. It is a very nice detail.

Overall, this is a really strong piece marrying written content and data visualisation.

Credit for the piece goes to Denise Lu.

Selfiexploratory

New year, new selfies. Thankfully we have the Selfiecity to look at a sample of selfies, the goal to determine patterns and trends in the art of the selfie. Of course you also want to be able to look at the aforementioned selfies. For that they built the Selfiexploratory, an application that allows you to filter the set to see what you want. What I like is the return of data to show what the results of the filter look like against the whole set.

Credit for the piece goes to the Selfiecity team.

Nuclear Tests

Last night, in the States’ time at least, North Korea purportedly tested a hydrogen bomb. How does this differ from their previous tests? Well, those were all nuclear fission bombs, this is a nuclear fusion bomb. (Admittedly, I am simplifying a lot here.) Hydrogen bombs, the H-bomb, are more powerful and more efficient in that they emit less radiation. They are still pretty bad news, though. That bit has not changed.

Anyway, the Washington Post put together a nice piece about nuclear weapons testing. The big feature piece is a map of test sites over time. What I really like about it, however, is that they chose to split the world at a different point—the Pacific Ocean opposite the Prime Meridian. I have occasionally argued for using such maps more often given the increasing relevance of Asia and the relative decline of Western Europe. So it is nice to see it put to good use here.

Credit for the piece goes to Kevin Schaul.

Climate Change in Charts

So yesterday we reimagined a less-than-stellar BBC chart. Today, we look at a good chart from the BBC about climate change, timed to coincide with the start of the Paris climate talks. This comes from an article with six charts related to climate change, but it is the best in my mind.

Nothing but nice design here with the use of colour to highlight the top ten hottest and coldest years over the last 225+ years. But it really comes alive when animated and tells the story how those coldest years occurred at the beginning of the set and the hottest are among the most recent years.

Credit for the piece goes to Emily Maguire, Tom Nurse, Steven Connor, and Punit Shah.

A Royal Nation

You may recall a year and a half ago a post I wrote up about a New York Times piece looking at the fandoms of baseball in the United States. Well fresh off their hometown Royals’ World Series victory, the folks at the Kansas City Star revisited the graphic—driven by Facebook likes—to see if there had been any change. Sure enough, Royals Nation—or whatever they call it—has made inroads into what was before St. Louis Cardinals territory.

Missouri is a little more blue these days

The only sad part about the article is that they talk of changes in adjacent states, e.g. Kansas, but have no maps for those.

Credit for the piece goes to Jay Pilgreen.

The Future of Climate Change

At the end of the month the world will gather in Paris, France for the next round of climate change talks. In advance of the talks, the Financial Times put together this model of how emissions reductions will help—or not—get climate change under control. The piece is two-fold. The first is a ten-step narrative that showcases the tool’s split of the time series into short-, medium-, and long-term impacts and how those work in the best and worst case scenarios. But it then allows the user to jump right on in and create their own scenarios.

Credit for the piece goes to John Burn-Murdoch and Pilita Clark.

The Canadian Elections

Canada held an election yesterday. For your briefing on it, John Oliver did a great job on Last Week Tonight. But for the serious coverage, we have results.

Here we have the results coverage by the National Post. It’s your standard choropleth coloured by the victor in each riding, or constituency. From a design side, I find the pattern fill interesting and not something I have seen done before for a political map.

I just chose a place I had visited in Canada

But I really like what the CBC did. They built an interactive application to cover the evening’s results as they arrived. This screenshot is for the riding in Fredericton, where my ancestors lived in the 19th century. (I had to have a connection to the ridings somehow.) In particular, I liked the ability to star ridings of interest and have them immediately retrievable. The CBC complemented that with a list of ridings to watch. It was a great resource for the evening.

But then they also covered the results with an article with interactive graphics. This is more your standard fare with choropleths, bar charts, and line charts. But they flow through the article quite sensibly. Overall, a solid results piece.

Credit for the National Post piece goes to the National Post graphics department.

Credit for the CBC piece goes to the the CBC graphics department.

Taking You All to School

Like the title said, it’s about time I took you all to school…by which I mean university scorecards from the US Department of Education. I used my alma mater, the University of the Arts, to show the design here. Basically you have several sections key to understanding a university from the student body to the financials to the graduates’ prospects.

Credit for the piece goes to the US Department of Education.

China by the Numbers

With Xi Jinping visiting the United States the BBC published an article looking at China’s changes over the years. In general, I don’t like the article—why are they using pigs to look at pork consumption? My general dislike aside, they do have a map that plots urban centres with more than one million people and how that map has changed since 1970 and will change out to 2030.

Urban centres with more than a million people

I probably would not have used that terrain map as the background as blue-green circles on the green coast are a bit difficult to read. A lost opportunity of a sort—assuming it is possible at all—is to use a satellite image of China for each year and overlay the circles on that. One can only imagine that China’s urbanisation has gone together with drastic changes to the landscape.

Credit for the piece goes to the BBC graphics department.

David Ortiz Still Has 500 Home Runs

So what I was saying yesterday about there not being a new Boston Globe piece about David Ortiz’s 500 home runs. I was wrong. I missed it. But, here you go, in its semi-splendour (not digging the illustration of the baseballs /quibble). There are some merits to the piece in terms of the filtering—you can by season, opponent, or the teams for which Ortiz played (only 58 for the Twins)—but let us not lose fact of the fact that this is all about No. 500.

I have seen a few in my years, including that one.

Credit for the piece goes to Patrick Garvin.