Pennsylvania Primary Night

Surprise, surprise. This morning we just take a quick little peak at some of the data visualisation from the Pennsylvania primary races yesterday. Nothing is terribly revolutionary, just well done from the Washington Post, Politico, and the New York Times.

But let’s start with my district, which was super exciting.

The only thing to write home about is how the Republican incumbent dropped out at the last moment and was replaced by this guy…
The only thing to write home about is how the Republican incumbent dropped out at the last moment and was replaced by this guy…

Moving on.

Each of the three I chose to highlight did a good job. The Post was very straightforward and presented each office with a toggle to separate the two parties. Usually, however, this was not terribly interesting because races like the Pennsylvania governor had one incumbent running unopposed.

Mango is represented by what colour?
Mango is represented by what colour?

But Politico was able to hand it differently and simply presented the Democratic race above the Republican and simply noted that the sitting governor ran unopposed. This differs from the Post, where it was not immediately clear that Tom Wolf, the governor, was running unopposed and had already won.

Clean and simple design. No non-sense here.
Clean and simple design. No non-sense here.

The Times handled it similarly and simultaneously displayed both parties, but kept Wolf’s race simple. The neat feature, however, was the display of select counties beneath the choropleth. This could be super helpful in the midterms in several months when key races will hinge upon particular counties.

The Republican primary for the PA governorship has been ugly
The Republican primary for the PA governorship has been ugly

But where the Times really shines is the race for Pennsylvania’s lieutenant governor. Fun fact, in Pennsylvania the governor and lieutenant governor do not run as a ticket and are voted for separately. This year’s Democratic incumbent, Mike Stack, does not get on with the governor and had a few little scandals to his name, prompting several Democrats to run against him. And the Times’ piece shows the two parties result, side-by-side.

Pennsylvania's oddest race this time 'round
Pennsylvania’s oddest race this time ’round

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

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

Credit for the Times’ piece goes to Sarah Almukhtar, Wilson Andrews, Matthew Bloch, Jeremy Bowers, Tom Giratikanon, Jasmine C. Lee and Paul Murray, and Maggie Astor.

Tracking the Women Running for Office

Yesterday we talked about a static graphic from the New York Times that ran front and centre on the, well, front page. Whilst writing the piece, I recalled a piece from Politico that I have been lazily following, as in I bookmarked to write about another time. And suddenly today seemed as good as any other day.

After all, this piece also is about women running for Congress, and a bit more widely it also looks at gubernatorial races. It tracks the women candidates through the primary season. The reason I was holding off? Well, we are at the beginning of the primary season and as the Sankey diagram in the screenshot below shows, we just don’t have much data yet. And charts with “Wait, we promise we’ll have more” lack the visual impact and interest of those that are full of hundreds of data points.

Still too many unknowns. But at least these are known unknowns…
Still too many unknowns. But at least these are known unknowns…

But we should still look at it—and who knows, maybe late this summer or early autumn I will circle back to it. After all, today is primary day in Pennsylvania. (Note: Pennsylvania is a closed primary state, which means you have to belong to the political party to vote for its candidates.) So this tool is super useful looking ahead, because it also shows the slate of women running for positions.

Aside from just the number of women running, today's primaries will be fascinating because of the whole redistricting thing
Aside from just the number of women running, today’s primaries will be fascinating because of the whole redistricting thing

I really like the piece, but as I said above, I will want to circle back to it later this year to see it with more data collected.

Credit for the piece goes to Sarah Frostenson.

To Infinity—

Wait, wrong film.

No, this weekend is Infinity War. Which is definitely not led by a Buzz Lightyear. For those of you who don’t know, Infinity War is sort of the culmination of ten years of Marvel superhero films, called the Marvel Cinematic Universe, that started with 2008’s Iron Man. Infinity War is the 19th film and brings together more than 30 main characters—and I believe I’ve read elsewhere as many as 85 when you count minor/side characters—into one two-part film. Yes, this will undoubtedly end on a cliffhanger leading into next year’s film.

If we assume each film is two hours (and I don’t think a single one has been under two hours), we are talking about 38 hours of film to watch to catch up before Friday’s release. Because both the previous Avengers films were 2h20m, I think we can round that up to at least an even 40. You know, a full work week.

Well, if your bosses won’t let you watch Marvel films all week, the Washington Post put together a nice interactive timeline that tries to sum it all up for you.

All the characters…but far from true.
All the characters…but far from true.

What is really neat about the piece, beyond helping me recall just what happened ten years ago, you can filter the timeline based on character and major plot points.

What would be really neat, though I assume someone has already done it, is a social network map showing how all these disparate groups were before this weekend’s film. Get on that, internet.

Credit for the piece goes to Sonia Rao and Shelly Tan.

Picking at the Bones

We have all seen the slider that lets you see a pre- and post- or before and after of, usually, the same property, building, landscape, map, &c. Well a few days ago, the Denver Post took the same form and used it to show the before and after of cuts to the staffroom in just five years.

What makes the photo so telling is that in the editorial describing the photo, the paper is successful. But the hedge fund managers of the paper continue to demand cuts to the overhead. And in the journalism environment that often leads to cuts in coverage or quality, and sometimes both. And for the leading—and only large circulation—paper of Denver, that is bad news, pardon the pun, for the community.

Staff before, staff after
Staff before, staff after

What makes the situation worse is that allegedly the cuts are due to poor business investments by the hedge fund, Alden Global Capital, in areas not at all related to the news industry.

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

Tech Economies in the USA

Earlier this March the Washington Post published a piece looking at the twenty finalist contenders for the second Amazon headquarters. Specifically it explored how the cities rank in metrics that speak to a city’s technology and innovation economy.

That in and of itself, while incredibly fascinating, is not noteworthy in and of itself. Though I will say the article’s online title is neatly presented, split half-and-half with the vertical graphic showing the cities ranked.

I really like how this title space received a special design.
I really like how this title space received a special design.

But the point that was really neat was the interactivity that followed. Here you can see a dropdown from which the user selects a city of interest—surprise, surprise we are looking at Philadelphia. From that point on, the piece keeps the selected city highlighted in every graphic that follows.

Looking at Philly
Looking at Philly

Again, that is nothing truly surprising, but it is neat to see. What would have taken it to the next step is if each of those associated paragraphs were tailored to the specific city. Instead, they appear to be general paragraphs.

But overall, it does a really nice job of comparing the twenty cities—it’s actually fewer because both Washington and New York have multiple sites per metro area—across the different metrics.

The only part that left me scratching my head a bit was the colour choice. I am not certain that it needs the blue-green to yellow-green palette. Those colours seem defined by a city’s placement on the overall list and I am not convinced that the piece would not have still worked if they had been only a single colour, using another colour to define the selected city.

Credit for the piece goes to Darla Cameron and Jonathan O’Connell.

Russia Tomorrow

In news that surprises absolutely nobody, Russia “re-elected” Vladimir Putin as president for another six-year term. The Economist recently looked at what they termed the Puteens, a generation of Russians born starting in 1999 who have no memory of a Russia pre-Vladimir Putin.

This piece features a set of interactive dot plots that capture survey results on a number of topics that are segmented by age. It attempts to capture the perspective of Puteens on a range of issues from their media diet to foreign policy outlook to civil rights.

The ideas of youth…
The ideas of youth…

The design is largely effective. The Puteen generation sticks out clearly as the bright red to the cool greys. And more importantly, when the dots would overlap they move vertically away from the line so users can clearly see all the dots. And on hover, all the dots of the same age cohort’s interest are highlighted. I think one area of improvement would have been to apply that same logic to the legend to allow the user to scroll through the whole dataset without always having to interact with the chart. But that is a minor bit on an otherwise really nice piece.

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

My Kingdom for a Needle

I am exhausted. I tried to stay up late enough to catch the absentee ballots from Washington County. Alas, I did not quite make it. (You better bet I will be drinking all the caffeine today.) But someone else did not quite make it through the night. Or rather, something. What was it? The New York Times election night needle.

To understand why the Times made the needle, read this really great explainer. The super short version: it tries to forecast the results of that particular election day, accounting for things like uncounted votes. On television, analysts and large interactive screens can show how, usually, urban districts are counted first then followed by slower-to-return rural areas. But for people following results solely online, those nuances might well be lost. Enter the needle.

Trust the Needle
Trust the Needle

Last night, like much of the Twitterverse I follow for politics, I had the needle open in one tab. But as the results began to come in, something odd was happening on the Times’ results page. The votes were being displayed in a precinct-by-precinct fashion in Allegheny, Washington, and Greene Counties. But Westmoreland was oddly grey. It turned out, the county elections board was not, I suppose, digitally publishing the precinct results, only county-wide.

Whilst the Needle spins…
Whilst the Needle spins…

Fun fact, the needle’s model is apparently built on precinct results. So how do you have a needle if something like 30% of the model’s required or expected data will not be available? The Times tweeted about it a few times, but ultimately pulled it down. Better to not have it and be right than have it wrong just to have it.

Needle down…
Needle down…

But that brings me to the second point about the needle. Well done to BuzzFeed’s Decision Desk HQ, who were presciently concerned about the ability of the county to get precinct level results up online. So they sent a reporter, as in a human being, to Westmoreland to get the analogue results and then upload them to BuzzFeed’s own results spreadsheet. (I never did find a BuzzFeed live results page.)

Who knows the budget difference between the New York Times’s graphics/politics desks and that of BuzzFeed’s, but the ability to put a single person in Westmoreland made the difference for BuzzFeed, whose coverage via Decision Desk HQ, made for a more compelling following because they were,  old school like, reading out results as they came in via reporters. And because there were no exit polls in the election, we had to wait for all the votes. Strangely, it almost felt like watching a UK general election where you have to wait hours for some constituencies to announce results. Though this election had a noticeable lack of Raving Monster Loony candidates.

I bring up the BuzzFeed contribution to the night because it does show how sometimes the sheer fact of placing a reporter on the ground can yield tremendous results. Come November, no, I don’t think any single media organisation can afford to put a reporter in every single US county. But I would bet the Times will be working on how to better precinct proof their needle.

Credit for the piece goes to Nate Cohn, Josh Katz, Sarah Almukhtar, and Matthew Bloch.

Italian Election Results

Europe enjoyed some significant political news yesterday. First, Angela Merkel will serve a fourth term as chancellor as the SPD members voted to allow their party to enter into a grand coalition with Merkel’s CDU/CSU party.

But the more important story is that of the Italian elections, where the centre-left under Matteo Renzi was attempting a comeback against the populist parties the 5-Star Movement and the League, the latter an anti-immigrant party. Also in the mix was Silvio Berlusconi, whose Forza party won 14% of the vote and as a member of a right/centre-right bloc that won 37%.

So I chose to highlight the homepage of IL Sore 24 Ore, an Italian newspaper, that had the results displayed clearly.

Live results at the top of the home page
Live results at the top of the home page

Of course the big problem is that I can neither read nor speak Italian. So figuring out just what every label is proved to be a bit tricky. But once you figure it out, it is quite clear.  The nice blue banner for the real-time results (again with the assuming of translation) does a nice job of clearly separating itself from the rest of the page, but the tables inside are quiet and not screaming for attention. Instead the user is allowed to find his or her party of bloc of interest and then scan to the right for the bold number of seats in the respective chamber.

The results page is similarly nice, using clean and simple tables to organise the information. Using the Chamber of Deputies page as an example, the overall results appear on the left while important context via maps and specific regions appear to the right. All the while the use of simple typography and whitespace guide the user to the appropriate data set.

These are the results for the Chamber of Deputies, the equivalent to the US House or House of Commons
These are the results for the Chamber of Deputies, the equivalent to the US House or House of Commons

And lastly a screenshot of an article about the election results, none of which I can read. Here, instead of an interactive table or graphic, we have a static graphic showing the results. It certainly captures the results in this particular moment—exact seat numbers have not yet been released—but could grow stale as the day goes on. Although there very well could be a page with interactive results like this, but that I cannot find because, again, I cannot read Italian.

The centre-right bloc did well, as did the 5-Star Movement (M5S)
The centre-right bloc did well, as did the 5-Star Movement (M5S)

The design of the graphic is nice. It uses the popular half-circle arc to show who “crosses the finish line” in terms of blocs seating more than 50% of the chamber. But once again, I am most impressed by the clarity of the table and information displays through white space and typography. (Though I feel in this case white space should be more like light salmon-coloured space.)

Overall, the designers did a fantastic job of presenting the data and information, so well that a non-Italian could even figure it out.

Credit for the piece goes to the Il Sore 24 Ore graphics department.

Undersea Mining

Today’s piece isn’t strictly about data visualisation. Instead it’s a nice article from the BBC that explores the nascent industry of undersea mining. What caught my interest was the story of Soviet submarine K-129, which sank mysteriously in the middle of the Pacific. But that isn’t even half the story, so if you are interested go and read the article for that bit.

But that sinking may have created the beginning of the undersea mining industry. And so as I read on, I found a nice mixture of text, photography, and graphics explaining processes and such. This screenshot is a comparison of the size of an undersea mining zone compared to a land-based copper mine.

An undersea mine vs. a surface mine
An undersea mine vs. a surface mine

Some of the graphics could use some polish and finesse, but I do appreciate the effort that goes into creating pieces like this. You will note that four different people had to work together to get the piece online. But if this is perhaps the future of BBC content, this is a great start.

Credit for the piece goes to David Shukman, Ben Milne, Zoe Barthlomew, and Finlo Rohrer.

More Murder in Merica

Today’s post was going to be something not this. But it is remarkable how many people die in the United States in mass shootings. It is, generally speaking, not a problem experienced in the rest of the developed world. The question is do we want gun violence to really define American exceptionalism?

Anyways, the Washington Post has a frightening piece exploring all the deaths, the guns, the killers, and the frequency of the killings.

Too many illustrations there
Too many illustrations there

Credit for the piece goes to Bonnie Berkowitz, Denise Lu, and Chris Alcantara.