A few days ago I posted about the front cover graphic for the New York Times that used a choropleth to explore 2017 economic growth. Well, this morning whilst looking for something else, I came across the online version of the story. And I thought it would be neat to compare the two.
Again, nothing too crazy going on here. But the most immediately obvious change is the colour palette. Instead of using that green set, here we get a deep, rich blue that fades to light very nicely. More importantly, that light tan or beige colour contrasts far better against the blue than the green in the print version.
The other big change is to the small multiple set at the bottom. Here they have the space to run all twelve datasets horizontally. In the earlier piece, they were stacked six by two. It worked really well, but this works better. Here it is far easier to compare the height of each bar to the height of bars for other countries.
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 results page then had the standard map and table, but also this little dashboard element.
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.
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.
Credit for the piece goes to the design teams of the New York Times and the Washington Post.
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.
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.)
Overall, I really enjoyed the piece and the maps and visuals not only drew me into the piece, but helped contextualise the story.
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.
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.
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.
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.
Credit for the piece goes to the Die Welt graphics department.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.