interactive design – Page 40

Adding Guided Context to Maps

Maps are cool. They show the geographic distribution of data. And that is fantastic if there is a story in said distribution. But even if there is a story, sometimes given both the scale of the map and the amount of data encoded in the map, how could you possibly expect to find the story? Which little region of the map do you search to find the interesting nuggets?

On Sunday, the New York Times published an interesting solution to that very quandary. The context is an article looking at the anger and resentment felt by some towards government assistance via the social safety net, and yet how these very same people depend upon that safety net through programmes like Social Security, Medicare, Medicaid, &c. The map, a choropleth, examines several different metrics that comprise government assistance, e.g. Medicaid payments as a percentage of income.

One can easily toggle through the various metrics at the scale of the entire United States. This is a rather standard feature for such maps. However, in the upper-left corner, the designers placed a ‘guide’ that provides context and stories for each metric. But, not only does the guide provide text to support the map, but it zooms in on specific areas and regions that then support the text and best exemplify the point.

Here we see the map of the whole US for Medicaid, which appears to be scattered pockets of higher percentages. Interesting perhaps, but the user likely has few ideas as to what that visualisation actually means.

Compare that to the guide’s view of the map, which focuses on the large cities on the East Coast.

Providing context and guiding a reader/user through the stories contained in the map, or at least those deemed interesting by the designers and editors, is an interesting solution to the problem of finding the story in maps such as these. However, by moving away from a strict visualisation of the data, the New York Times and others that try similar avenues introduce human biases in the story-telling that may otherwise be unwanted or distracting.

Credit for the piece goes to Jeremy White, Robert Gebeloff, Ford Fessenden, Archie Tse and Alan McLean.

Comparing the (Display of) Results in Colorado

Mitt Romney lost badly last night. No way around that. But as I watched the results come in through various sources, I noticed two interesting design decisions that made me think; one from the Guardian (the British perspective), and the other from the New York Times.

Using only Colorado as an example, here is the map of county results by the Guardian.

Note how the map is presented in 3-D that therefore allows the use of height as another encoded variable, in this case the size of the lead. Now compare that to the map used by the New York Times.

Note how this map is flat. So much less cool, right? But try to compare the results in Denver County. When I look at the Times’ map, I see blue; Mitt Romney won. When I look at the Guardian’s map, I see…actually, I can’t. That label is in the way. And then even when I begin to interact with the map, Denver County is hidden by the height of Arapahoe County.

But what about the size of the lead? I cannot see that encoded in the New York Times map. No, one cannot. However, they added a toggle function to change the data displayed on the map—though the utility of that view can be left for another discussion.

And now to a minor point about comparing the totals.

Again, a look at the Guardian’s presentation.

And now the New York Times. Numbers are numbers and faces are faces. But look at the graphic element representing the percentage. With the Guardian, I can just barely discern that the size of the circles for Santorum and Romney are not the same. And the same goes for Gingrich and Paul. But when I look at the Times’ presentation, I see a simple bar chart that more clearly shows the relationships between the results.

So interesting design decisions lead to one view that I find far more successful in showing the data: the New York Times.

Housing Prices Fall Some More

Houses are meant to be lived in. Which is good to know if you’re a real estate investor because the housing market in the US is still not so good. According to an article in the New York Times, we’re back to 2003 levels (on average of course) for single-family homes.

Accompanying the article is an interactive chart that lets users view the full breadth of the survey while highlighting specific markets of interest and showing actual values along the length of the chart.

The Case-Shiller Index for Housing Prices

Credit for the piece goes to Kevin Quealy and Jeremy White.

Show Europe the Money

The Guardian has an interactive piece that details payments to and from European Union member states to institutions, determining whether each state is a giver or receiver.

Comparing payments and receipts in EU member states

The concept sounds all well and good. However, the piece itself feels clumsy with too much scrolling and whipping about to pan across the whole EU. The charts look a tad heavy—which could have been remedied for a more concise piece—and the callouts beg for a level of interactivity that is otherwise lacking.

Lastly, I have concerns about the list of countries at the top, although these may stem only from the point of view of an American not too familiar with Europe. Flags are not circles, they are, in most cases, rectangular in shape. Does cropping a symbol or icon of a country make it more or less useful of a symbol or icon? Furthermore, do the British recognise the flags of their fellow EU member states?

The country icons/flags call for some type of sorting function, to compare payments and receipts and their balance. But, instead, they sit there in unalterable silence, providing only an economic overview when clicked. An overview that through its staid design feels more like an afterthought.

Killed in Action in Iraq, State by State

The Iraq War is over. And now it is time to reflect on what we have gained and what we have lost. This map by the Guardian details the number of soldiers killed in action in Iraq. (Other options include total wounded, killed by non-hostile, &c.)

Unfortunately, I call it a ‘no kidding’ type of map. The data, accessible via the Guardian here, corresponds nicely with a list of states by total population. Of the top ten countries in KIA, only Virginia is not among the top ten in population; it is 12th. The country thus not in the top ten in KIA, but in population is North Carolina. It’s rank in terms of KIA? 11th.

The data is interesting and worth depicting if we are to reflect. But, perhaps a more suitable visualisation could have been chosen.

On a personal note, these Google Maps overlays are annoying when, in the cases of, e.g., Wisconsin and Massachusetts, the shapes are incorrect. Perhaps coastlines are not as easy as states with ‘straight lines’ for boders, but we would do well to try and make irregular coasts at least somewhat correct.

Exporting the Sun

Plans are afoot to harness the power of the sun in the deserts across northern Africa. The electricity generated in Morocco is planned to turn on light switches in Madrid and throughout the rest of Europe.

The Guardian created a map to show how the solar facilities could be connected to each other and to other renewable power sources in Europe—from Icelandic geothermal plants to North Sea wind turbines to Alpine hydroelectric plants.

Credit for the piece goes to Christine Oliver.

Campaign Ad Spends

I don’t know about you, but to me, it’s beginning to look a lot like campaign season. At least from what I read on the internet. Because, according to this interactive piece by the Washington Post, there has been little local campaign spending on ads in the Chicago television market.

By clicking on the left, you are able to see the spending amounts and spending places of ads by both personal campaigns and interest groups. For national ad campaigns, there is a small outline of the continental US in the bottom left.

Above the map you have some facts about the spending and spending over time and a curious bit about whether the ads are positive or negative. Already if you move from the beginning to now, you can watch the positive ad number slip.

The BRICs a Decade Later

The BRICs are ten years old. Well, not really. But the concept of Brazil, Russia, India, and China becoming some of the world’s largest economies is. Well, not even that necessarily. But the coining of the term BRIC is a decade old. So the BBC has a small interactive piece showing why the BRICs matter.

BRIC GDP Growth compared to that of the US

They do some interesting things with the use of hues and tints to group lines in the line charts and provide consistent groupings throughout the piece. And they have photos of leaders. Just in case you do not know what the finance minister of Italy looked like back in 2001…just do not ask me to remember his name.

Maps of the Democratic Republic of the Congo

The Democratic Republic of the Congo is preparing for elections at the end of the month. For decades since independence from Belgium, the country has been beset by insurrection and civil war. Eastern portions of the country are all lawless and beyond the control of the government in the capital Kinshasa. Yet, DR Congo, which is almost the size of all of Western Europe, holds vast mineral and energy reserves.

Much like with the independence of South Sudan, the BBC has released a small interactive piece detailing DR Congo through maps. While not as extensive and lacking in visualising anything about the warfare and bloodshed, the piece is useful to gain a brief insight into the complexities of the country and the sheer scale of its problems. But that is not wholly surprising as the title of the piece is Failed State: Can DR Congo Recover?.

The European Debt Crisis. Again.

Nearly a month ago, the New York Times released an interactive piece along with a printed infographic about the European debt crisis in an attempt to explain just what is going on; I wrote about it here.

Now, the BBC has an interactive graphic showing how different countries relate to each other. The width of the lines relates to the amount of debt and the colours fall into three groups: red for high risk, yellow for medium risk, and grey for low risk. These are all fairly sensible and are echoed in the New York Times piece.

The BBC's explanation of the European debt crisis

However, one advantage of the diagram used by the BBC is that the arrows emerge from an arc and show the total amount of debt going to the selected European (and US) economies. At least, I hope they do. That is how I read it, but it is not explicitly stated. I hope that I am correct. If so, this is better than the Times version which simply has a proportionally wide line starting from a circle. But without other lines, one cannot see the useful supplemental information about how much total trade the country has.

One element that sticks out is the selected state of the diagram. This uses a blue line that is rather crudely drawn atop the arc. Distractingly so. The colour choice works as blue contrasts with the reds, yellows, and greys, but the execution of the line drawing is simply poor.

Overall, the data is interesting, and if my assumption is correct, and presents a more meaningful picture of trade relations between the chosen countries. However, the execution of the piece’s design does leave me wanting more. And that, given the need to tell this story both completely and correctly, is unfortunate.