Words on the Orlando Shootings

Yesterday I looked at the coverage of the Orlando shooting. Today I want to look at a really nice piece from the Washington Post on the political reaction to the shooting. The Post collected the reactions and official statements of Congress, over 500 representatives and senators. They performed some analysis of the words and then parsed out sentences into groups. In the screenshot below, the phrases are colour-coded by party affiliation and then link to the copy of the statement. The end of the article features tiles for every statement, with relevant phrases colour-coded to those groups, e.g. phrases using something about thoughts and prayers. One of the most pronounced splits is on gun rights vs. gun controls. But overall, the whole piece is worth a read.

Selecting a single line from a statement
Selecting a single line from a statement

Credit for the piece goes to Bonnie Berkowitz, Weiyi Cai, Denise Lu, and Lazaro Gamio.

Predicting the Electoral College

Well the Democratic DC primaries were last Tuesday and Hillary Clinton won. So now we start looking ahead towards the July conventions and then the November elections. Consequently, if a day is an eternity in politics we have many lifespans to witness before November. But that does not mean we cannot start playing around with electoral college scenarios.

The Wall Street Journal has a nice scenario prediction page that leads with the 2012 results map, in both traditional map and cartogram form. You can play god and flip the various states to either red or blue. But from the interaction side the designers did something really interesting. Flipping a state requires you to click and hold the state. But the speed with which it then flips is not equal for all states. Instead, the length of hold time depends upon the state’s likelihood to be a flippable state, based on the state’s partisan voter index. For example, if you try and flip Kansas, you will have to wait awhile to see the state turn blue. But try and flip North Carolina and the flip is near instantaneous.

Starting with the 2012 cartogram
Starting with the 2012 cartogram

While the geographic component remains on the right, the left-hand column features either text, or as in this other screenshot, smaller charts that illustrate the points more specifically.

Charts and cartograms and text, oh my
Charts and cartograms and text, oh my

Taken all together, the piece does a really nice job of presenting users with a tool to make predictions of their own. The different sections with concepts and analysis guide the user to see what scenarios fall within the realm of reason. But, what takes the cake is that flipping interaction. Using a delay to represent the likelihood of a flip is brilliant.

Credit for the piece goes to Aaron Zitner, Randy Yeip, Julia Wolfe, Chris Canipe, Jessia Ma, and Renée Rigdon.

Basketball Finals

So the basketball finals begin tonight with the Cleveland Cavaliers taking on the Golden State Warriors. This is also the part of the post where I fully admit I know almost nothing about basketball. I did, however, catch this so-labelled infographic from ESPN contrasting the two teams.

Point differential
Point differential

What I appreciate at this piece is that ESPN labelled it an infographics. And while the data might be at times light, this is more a data-rich experience than most infographics these days. Additionally the design degrades fairly nicely as your browser reduces in size.

The chart formats themselves are not too over-the-top (that seemed like a decent basketball pun when I typed it out) with bars, line, and scatter plots. Player illustrations accent the piece, but do not convey information as data-encoded variables. I quibble with the rounded bar charts for the section on each team’s construction, but the section itself is fascinating.

I might not know most of the metrics’ definitions, but I did not mind reading through the piece.

Go Red Sox.

Credit for the piece goes to Luke Knox and Cun Shi.

Europe’s Far-right Parties

On Sunday, Austria narrowly elected a former Green Party leader as president over the leader of the Freedom Party, a far-right party that surged in part because of the impact of Europe’s migrant and refugee crisis. The New York Times took a look at just how often and by how much far-right parties have succeeded in European countries in recent years.

There's more red than there used to be
There’s more red than there used to be

What I really like about this piece is that while they could have stopped at the above graphic, they opted to not. Some of the graphics above then introduce a section specific to the politics of the particular country, e.g. France and the rise of the National Front and Marine Le Pen.

France in detail
France in detail

Credit for the piece goes to Gregor Aisch, Adam Pearce, and Bryant Rousseau.

2016 Holyrood Elections

Last week Scotland voted for its parliament, Holyrood. The Scottish National Party did well enough, the Conservatives picked up quite a few seats, and Labour lost quite a few. The Guardian put together this piece looking at the results and the stories contained therein. But I want to focus on the graphics, the big piece of which was a map of Scotland with each constituency represented by a small Sankey diagram.

Scotland's results
Scotland’s results

You see that generally, Scotland is a sea of yellow, surging blue, and diminishing red. But what about the numbers for each constituency? The interactive nature of the chart lets you see the 2016 results mousing over the constituency.

Aberdeenshire West results
Aberdeenshire West results

Normally I would say that a piece like this is missing an easy way for someone to find their own constituency, however, this is not a results page, but an article on the results, so something like a search bar is not necessary.

What I really enjoy, however, is that when the story breaks down the results by regions, the map becomes an abstracted series of squares used to highlight the constituencies in focus. It is a really nice reuse of the concept and the overall graphic.

Talking about Glasgow
Talking about Glasgow

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

Where’s the Cold Weather?

I prefer colder weather to warmer weather. I like to feel a bit of chill on my skin rather than a bit of warmth. This makes me that asshole who says “it’s great out today”, when the temperature is 5ºC (41ºF). (I also enjoy grey, cloudy days, but that’s a different matter entirely.) Anyway, thanks to a friend of mine I could take a look at some temperature maps of the contiguous United States.

High temperatures between 32º and 60ºF
High temperatures between 32º and 60ºF

The Pacific Northwest or the coast of the Mid-Atlantic and New England would be great along with the desert and the mountains. But, don’t deserts get hot? Because the whole point would be to not live somewhere too warm. So here’s a map of the number of days where I prefer to sit inside and crank the air conditioning.

Way too hot
Way too hot

Basically I should avoid the South, the deserts and the plains states of the Midwest. Chicago looks borderline uncomfortable. (And from experience, summers typically are.)

Credit for the piece goes to Christopher Ingraham.

Irish Coalition Government

As I alluded to yesterday, in addition to visualising Irish election results the Irish Times built a coalition builder.

The current coalition is far from a majority in the new Dáil
The current coalition is far from a majority in the new Dáil

The principle behind the visualisation is sound: how could a government be created? And so the user goes away and creates his or her fantasy government. From a design perspective, the piece is nice with bold, party-related colours and clear controls. The Irish Times also included a nice subtlety with independent TDs (members of the Dáil) as clicking the plus button does not add all ten, but one person at a time. That reflects the fact the independents are not a whole party but ten individuals.

But I personally keep returning to a single question: how realistic are these fantasies? I think an addition that would benefit the story-telling element of the piece would be a guided narrative. Start with the screenshot above, which presents the coalition from the previous Dáil. Clearly they are far from a majority. A guided narrative could explain the likelihood and possible priorities of a various number of plausible coalitions. It would also be able to exclude the more ridiculous pairings.

Credit for the piece goes to the Irish Times’ graphics department.

The Shape of the 32nd Dáil

Ireland calls its lower-house of parliament the Dáil and its prime minister taoiseach. When I visited Dublin, election season was in full swing and upon the first Friday of my return to Chicago, Ireland went to the polls to elect the 32nd Dáil. The vote resulted in a hung parliament, i.e. with no single party in control—there are more than two political parties. The Irish Times put together an interactive piece looking at the makeup of the new assembly. (There is also a coalition builder, but we will take a look at that separately.)

The Dáil by age
The Dáil by age

Credit for the piece goes to the Irish Times’ graphics department.

Tracking Super Tuesday

On Tuesday I tracked the results primarily with the New York Times and the Washington Post. I really enjoyed the Post’s coverage as they designed a homepage for the night’s results. The results were placed at the centre of the content, as you can see in the screenshot below. Below the map and table, content updated on the right with links to more static content on the left.

The results hub Tuesday night
The results hub Tuesday night

The map and table above naturally updated throughout the course of evening. I found their decision to move states from one table to the other when the race was declared a brilliant little decision. When reinforced with a small checkmark, the movement from the lower table to the final table at the top gave a real sense of progress—maybe momentum—to the victories of both Donald Trump and Hillary Clinton.

Final results table and map
Final results table and map

Overall, this was a very helpful site for me to follow the results streaming in Tuesday night.

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

Super Tuesday Time

Super Tuesday is the first test of an American presidential candidate’s ability to run—and win—a semi-national campaign. Unlike the one-off primaries or caucuses in places like Iowa or New Hampshire, for today, each candidate has had to prepare for votes in 11 states. And these states are as varied as Alabama to Texas to Massachusetts to Alaska. Consequently, Super Tuesday also means lots of delegates are at stake.

So before the results are announced, let’s look at Bloomberg Politic’s piece that is basically a delegate counter with explanations. (Because right now super-delegates are not at stake.) In the interactive graphic side, we have a counter for every pledged delegate.

The Republican landscape before the voting
The Republican landscape before the voting

I think in the big box up top, the only missing element is some visual measure of just how far each candidate remains from the magic number. In the Republican case, that is 1237 delegates. Below that, however, I really love the tiles that summarise the individual state results, both in delegates and vote share. (After all, some states are entirely proportional, some semi-proportional, and some none-at-all/winner-take-all.)

Credit for the piece goes to Alex Tribou and Jeremy Scott Diamond.