Jones–Moore Election Results

Apologies for the lack of posts over the last week or so, I have alternately been on holiday or sick while spending other time on my annual Christmas card. This will also be the last post for 2017 as I am on holiday until the new year. But before I go, I want to take a look at the election night graphics for the Alabama US Senate special election yesterday.

I am going to start with the New York Times, which was where I went first last night after returning from work. What was really nice was there graphic on their homepage. It provided a snapshot fo the results before I even got to the results page.

The homepage of the New York Times last night
The homepage of the New York Times last night

The results page then had the standard map and table, but also this little dashboard element.

I'm spinning my wheels…
I’m spinning my wheels…

We all know how I feel about dashboard things. To put it tersely: not a fan. But what I did enjoy about the experience was its progression. The bars below filled in as the night progressed, and the range in the vote-ometers narrowed. But that same sort of design could be applied to other graphics representing the narrowing of likely outcomes.

The second site I visited was the Washington Post. Like the Times, their homepage also featured an interactive graphic, another choropleth map.

A different page, a different map
A different page, a different map

There are two key differences between the maps. The Times map uses four bins for each party whereas the Post simplifies the page to two: leading and won. The second difference is the placement of the map. The Post’s map is a cropping of a larger national map versus the Times that uses a sole map of the state.

For a small homepage graphic, bits of both work rather well. The Times cuts away the unnecessary map controls and neighbouring states. But the space is small and maybe not the best for an eight-binned choropleth. In the smaller space, the Post’s simplified leading/won tells the story more effectively. But on a larger space that is dedicated to the results/story, the more granular results are far more insightful.

On a quick side note, the Post’s page included some context in addition to the standard results graphics. This map of the Black Belt and how it correlates to regions of Democratic votes in 2016 provides an additional bit of background as to how the votes played out.

Note, the Black Belt was named for the black soil, not the slaves.
Note, the Black Belt was named for the black soil, not the slaves.

Credit for the piece goes to the design teams of the New York Times and the Washington Post.

How to Choose the Match to Broadcast

I was reading the Sunday paper yesterday and whilst I normally skip the sports section, especially during baseball’s offseason, this time a brightly coloured map caught my attention. Of course then I had to read the article, but I am glad that I did.

On Sunday the New York Times ran a print piece—I mean I assume I can find it online (I did.)—about CBS chooses which American football matches to air in the country’s markets. It is a wee bit complicated. And if you can find it, you should read it. The process is fascinating.

But I want to quickly talk about the design of the thing. Remember how I said a map caught my attention. That was pretty important, because the map was not the largest part of the article. Instead that went to a nice big photo. But the information designer I am, well, my eyes went straight to the map below that.

The story dominated the section page
The story dominated the section page

There is nothing too special about the map in particular. It is a choropleth where media markets are coloured by the game being aired yesterday. (The piece explains the blackout rules that changed a few years ago from what I remember growing up.)

But then on the inside, the article takes up another page, this time fully. It runs maps down the side to highlight the matches and scenarios the author discusses, reusing the same map as above, but because this is an interior page, in black and white. It probably looks even better online as they likely kept the colour. (They did. But the maps are smaller.)

To have that much space in which to design an article…
To have that much space in which to design an article…

Overall, I really enjoyed the piece and the maps and visuals not only drew me into the piece, but helped contextualise the story.

Credit for the piece goes to Kevin Draper.

Exporting Guns

When I lived in Chicago, people back East would always ask if I was worried about murder and gun crime in Chicago. My reply was always, “no, not really”. Why? Because I lived in generally safe neighbourhoods. But on that topic, the second most numerous question/comment was always, why are the strict gun laws in Chicago not preventing these crimes? More often than not the question had more to do with saying gun control laws were ineffective.

But in Chicago, it seemed to me to be fairly common knowledge that most of the guns people used to commit crimes were, in fact, not purchased in Illinois. Rather, criminals imported them from neighbouring states that had far looser regulations on firearms.

Today’s post from FiveThirtyEight looks at that very topic.

They bring back more than just cheese from Wisconsin…

They bring back more than just cheese from Wisconsin…I am not the biggest fan of the maps that they use, although I understand why. Most Americans would probably not be able to name the states bordering Illinois, California, or Maryland—the two other states examined this way—and this helps ground the readers in that geographically important context. But, thankfully the designers opted for another further down in the article that explores the data set in a more nuanced approach. Surprise, surprise, it’s not that simple of an issue.

Credit for the piece goes to Rachael Dottle.

German Election Results

On Sunday Germany went to the polls. Angela Merkel won a fourth term, but the anti-immigrant nationalist party, Alternative for Germany (AfD), won nearly 13% of the vote. That places a nationalist party in the German parliament for the first time since World War II.

A lot of the graphics I saw were straight-up bar charts of the final vote share. But Die Welt, a German paper, did have this piece with an interactive choropleth. There is nothing revolutionary in the map itself. But it does show how support for the AfD exhibits clear geographic patterns, namely large support in what was East Germany.

AfD support was strongest in the former East Germany
AfD support was strongest in the former East Germany

But the really nice part about the Die Welt piece is the interactive coalition builder at the end. They present several different possibilities. Unfortunately, I cannot read German, so the narrative on the page eludes me. But it was fun to explore the potentials. But with the SPD announcing it would go into opposition, we are not likely to see a grand coalition.

Which combination will prevail?
Which combination will prevail?

Credit for the piece goes to the Die Welt graphics department.

Rising Tides, Rising Disasters?

One more day of Harvey-related content. At least I hope. (Who knows? Maybe someone will design a fantastic retrospective graphic?) Today, however, we look at a piece from the Economist about the rising number of weather-related disasters, but thankfully falling numbers of deaths. The piece has all the full suite of graphics: choropleths, line charts, and bar charts (oh my!). But I want to look at the bar chart.

A timeline of disaster causes around the world
A timeline of disaster causes around the world

I cannot tell from this chart whether there has been any change in the individual elements, the meteorological, hydrological, or climatological disasters. And unfortunately stacked bar charts do not let us see that kind of detail. They only really allow us to see total magnitude and the changes in the element at the bottom of the stack, i.e. aligned with the baseline. So I took their chart and drew the shapes as lines and realigned everything to get this.

My take
My take

You can begin to see that meteorological might be overtaking hydrological, but it is too early to tell. And that right now, climatological causes are still far behind the other two.

Credit for the piece goes to the Economist Data Team.

Credit for mine goes to me.

Labour Marches On (into Tory Housing?)

We have a nice little piece from the Economist today, a look at the electoral majority for London-area constituencies and how their housing prices may begin to draw out priced-out Labour votes from London proper.

The political impact of scarce housing supply
The political impact of scarce housing supply

What I really like from the design side is the flip of the traditional choropleth density. In other words, we normally see the dark, rich colours representing high percentages. But here, those high majority constituencies are not the ones of focus, so they get the lighest of colours. Instead, the designers point attention to those slimmest of majorities and then offer the context of average home prices.

Credit for the piece goes to the Economist’s Data Team.

Home Vacancies in Kensington and Chelsea

I added Chelsea to make doubly certain for my Philadelphia audience that you did not think I was referring to Philly’s Kensington. Why? Because today’s piece comes from the Guardian and refers to the neighbourhood where the Grenfell Tower caught fire and the inferno killed dozens of people.

A north–south divide
A north–south divide

This is not the most complex piece, but I really like the annotations and notes on the choropleth. They add a great amount of detail and context to a graphic that I imagine many places would be okay leave as is. I can see why the colour palette differs for the two maps, but I wonder if it could have been made to work as a unified palette.

Credit for the piece goes to the Guardian graphics department.

Brexit’s Impact on Irish Shipping

Today’s post is, I think, the first time I’ve featured the Politico on my blog. Politico is, I confess, a regular part of my daily media diet. But I never thought of it as a great publication for data visualisation. Maybe that is changing?

Anyway, today’s post highlights an article on how the Irish shipping/logistics industry could be affected by Brexit. To do so, they looked at data sets including destinations, port volume, and travel times. Basically, the imposition of customs controls at the Irish border will mean increased travelling times, which are not so great for time-sensitive shipments.

This screenshot if of an animated .gif showing how pre-Brexit transit was conducted through the UK to English Channel ports and then on into the continent. Post-Brexit, to maintain freedom of movement, freight would have to transit the Irish Sea and then the English Channel before arriving on the continent. The piece continues with a few other charts.

Brexit strikes again
Brexit strikes again

My only question would be, is the animation necessary? From the scale of the graphic—it is rather large—we can see an abstracted shape of the European coastlines—that is to say it’s rather angular. I wonder if a tighter cropping on the route and then subdividing the space into three different ‘options’ would have been at least as equally effective.

Credit for the piece goes to Politico’s graphics department.

Bus Transit in Philadelphia

I have lived in Philadelphia for almost ten months now and that time can be split into two different residences. For the first, I took the El to and from Centre City. For the second, I walk to and from work. I look for living spaces near transit lines. In Chicago I took the El for eight years to get home. But to get to work, I often used the 143 express bus. Personally, I prefer trains and subways to busses—faster, dedicated right-of-way, Amtrak even has WiFi. But, busses are an integral part of a dense city’s transit network. You can cram dozens of people into one vehicle and remove several cars from the road. Here in Philadelphia, however, as the Inquirer reports, bus ridership is down over the last two years at the same time as ride-hailing apps are growing in usage.

For those interested in urban planning and transit, the article is well worth the read. But let’s look at one of the graphics for the article.

Lots of red in Centre City
Lots of red in Centre City

The map uses narrow lines for bus routes and the designer wisely chose to alternate between only two shades of a colour: high and low values of either growth (green) or decline (red). But, and this is where it might be tricky given the map, I would probably dropdown all the greys in the map to be more of an even colour. And I would ditch the heavy black lines representing borders. They draw more attention and grab the eye first, well before the movement to the green and red lines.

And the piece did a good job with the Uber time wait map comparison as well. It uses the same colour pattern and map, small multiple style, and then you can see quite clearly the loss of the entire dark purple data bin. It is a simple, but very effective graphic. My favourite kind.

Still haven't used Uber yet. Unless you count the times I'm being put into one by a friend…
Still haven’t used Uber yet. Unless you count the times I’m being put into one by a friend…

Anyway, from the data side, I would be really curious to see the breakout for trolleys versus busses—yes, folks, Philly still has several trolley lines. If only because, by looking at the map, those routes seem to be in the green and growing category. So as I complain to everyone here in Philly, Philly, build more subways (and trolleys). But, as the article shows, don’t forget about the bus network either.

Credit for the piece goes to the Inquirer graphics department.

Election Night Maps

My apologies for the radio silence, everybody. The day job has been super busy the last several weeks. I am hoping to return to the regular schedule next week. In the meantime, enjoy this from xkcd.

It looks like Texas, but when Houston falls into the sea
It looks like Texas, but when Houston falls into the sea

Credit for the piece goes to Randall Munroe.