data visualisation – Coffee Spoons

Slaveholders in the Halls of Congress

Taking a break from going through the old articles and things I’ve saved, let’s turn to a an article from the Washington Post published earlier this week. As the title indicates, the Post’s article explores slaveholders in Congress. Many of us know that the vast majority of antebellum presidents at one point or another owned slaves. (Washington and Jefferson being the two most commonly cited in recent years.) But what about the other branches of government?

The article is a fascinating read about the prevalence of slaveholders in the legislative branch. For our purposes it uses a series of bar charts and maps to illustrate its point. Now, the piece isn’t truly interactive as it’s more of the scrolling narrative, but at several points in American history the article pauses to show the number of slaveholders in office during a particular Congress. The screenshot below is from the 1807 Congress.

That year is an interesting choice, not mentioned explicitly in the article, because the United States Constitution prohibited Congress from passing limits on the slave trade prior to 1808. But in 1807 Congress passed a law that banned the slave trade from 1 January 1808, the first day legally permitted by the Constitution.

Almost half of Congress in the early years had, at one point or another, owned slaves.

Graphic-wise, we have a set of bar charts representing the percentage and then a choropleth map showing each state’s number of slaveholders in Congress. As we will see in a moment, the map here is a bit too small to work. Can you really see Delaware, Rhode Island, and (to a lesser extent) New Jersey? Additionally, because of the continuous gradient it can be difficult to distinguish just how many slaveholders were present in each state. I wonder if a series of bins would have been more effective.

The decision to use actual numbers intrigues me as well. Ohio, for example, has few slaveholders in Congress based upon the map. But as a newly organised state, Ohio had only two senators and one congressman. That’s a small actual, but 33% of its congressional delegation.

Overall though, the general pervasiveness of slaveholders warrants the use of a map to show geographic distribution was not limited to just the south.

Later on we have what I think is the best graphic of the article, a box map showing each state’s slaveholders over time.

How the trends changed over time over geography.

Within each state we can see the general trend, including the legacy of the Civil War and Reconstruction. The use of a light background allows white to represent pre-statehood periods for each state. And of course some states, notably Alaska and Hawaii, joined the United States well after this period.

But I also want to address one potential issue with the methodology of the article. One that it does briefly address, albeit tangentially. This data set looks at all people who at one point or another in their life held slaves. First, contextually, in the early years of the republic slavery was not uncommon throughout the world. Though by the aforementioned year of 1807 the institution appeared on its way out in the West. Sadly the cotton gin revolutionised the South’s cotton industry and reinvigorated the economic impetus for slavery. There after slavery boomed. The banning of the slave trade shortly thereafter introduced scarcity into the slave market and then the South’s “peculiar institution” truly took root. That cotton boom may well explain how the initial decline in the prevalence of slaveholders in the first few Congresses reversed itself and then held steady through the early decades of the 19th century.

And that initial decline before a hardening of support for slavery is what I want to address. The data here looks only at people who at one point in their life held slaves. It’s not an accurate representation of current slaveholders in Congress at the time they served. It’s a subtle but important distinction. The most obvious result of this is how after the 1860s the graphics show members of Congress as slaveholders when this was not the case. They had in the past held slaves.

That is not to say that some of those members were reluctant and, in all likelihood, would have preferred to have kept their slaves. And therefore those numbers are important to understand. But it undermines the count of people who eventually came to realise the error of their ways. The article addresses this briefly, recounting several anecdotes of people who later in life became abolitionists. I wonder though whether these people should count in this graphic as—so far as we can tell—their personal views changed so substantially to be hardened against slavery.

I would be very curious to see these charts remade with a data set that accounts for contemporary ownership of slaves represented in Congress.

Regardless of the methodology issue, this is still a fascinating and important read.

Credit for the piece goes to Adrian Blanco, Leo Dominguez, and Julie Zuazmer Weil.

Graduate Degrees

Many of us know the debt that comes along with undergraduate degrees. Some of you may still be paying yours down. But what about graduate degrees? A recent article from the Wall Street Journal examined the discrepancies between debt incurred in 2015–16 and the income earned two years later.

The designers used dot plots for their comparisons, which narratively reveal themselves through a scrolling story. The author focuses on the differences between the University of Southern California and California State University, Long Beach. This screenshot captures the differences between the two in both debt and income.

Some simple colour choices guide the reader through the article and their consistent use makes it easy for the reader to visually compare the schools.

From a content standpoint, these two series, income and debt, can be combined to create an income to debt ratio. Simply put, does the degree pay for itself?

What’s really nice from a personal standpoint is that the end of the article features an exploratory tool that allows the user to search the data set for schools of interest. More than just that, they don’t limit that tool to just graduate degrees. You can search for undergraduate degrees.

Below the dot plot you also have a table that provides the exact data points, instead of cluttering up the visual design with that level of information. And when you search for a specific school through the filtering mechanism, you can see that school highlighted in the dot plot and brought to the top of the table.

Fortunately my alma mater is included in the data set.

Unfortunately you can see that the data suggests that graduates with design and applied arts degrees earn less (as a median) than they spend to obtain the degree. That’s not ideal.

Overall this was a really nice, solid piece. And probably speaks to the discussions we need to have more broadly about post-secondary education in the United States. But that’s for another post.

Credit for the piece goes to James Benedict, Andrea Fuller, and Lindsay Huth.

Philadelphia’s Wild Winters

Winter is coming? Winter is here. At least meteorologically speaking, because winter in that definition lasts from December through February. But winters in Philadelphia can be a bit scattershot in terms of their weather. Yesterday the temperature hit 19ºC before a cold front passed through and knocked the overnight low down to 2ºC. A warm autumn or spring day to just above freezing in the span of a few hours.

But when we look more broadly, we can see that winters range just that much as well. And look the Philadelphia Inquirer did. Their article this morning looked at historical temperatures and snowfall and whilst I won’t share all the graphics, it used a number of dot plots to highlight the temperature ranges both in winter and yearly.

The screenshot above focuses attention on the range in January and July and you can see how the range between the minimum and maximum is greater in the winter than in the summer. Philadelphia may have days with summer temperatures in the winter, but we don’t have winter temperatures in summer. And I say that’s unfair. But c’est la vie.

Design wise there are a couple of things going on here that we should mention. The most obvious is the blue background. I don’t love it. Presently the blue dots that represent colder temperatures begin to recede into and blend into the background, especially around that 50ºF mark. If the background were white or even a light grey, we would be able to clearly see the full range of the temperatures without the optical illusion of a separation that occurs in those January temperature observations.

Less visible here is the snowfall. If you look just above the red dots representing the range of July temperatures, you can see a little white dot near the top of the screenshot. The article has a snowfall effect with little white dots “falling” down the page. I understand how the snowfall fits with the story about winter in Philadelphia. Whilst the snowfall is light enough to not be too distracting, I personally feel it’s a bit too cute for a piece that is data-driven.

The snowfall is also an odd choice because, as the article points out, Philadelphia winters do feature snowfall, but that on days when precipitation falls, snow accounts for less than 1/3 of those days with rain and wintry mixes accounting for the vast majority.

Overall, I really like the piece as it dives into the meteorological data and tries to accurately paint a portrait of winters in Philadelphia.

And of course the article points out that the trend is pointing to even warmer winters due to climate change.

Credit for the piece goes to Aseem Shukla and Sam Morris.

The Terrible No Good Chart About Gas Prices

Saw this graphic on the Twitter the other day from the Democratic Congressional Campaign Committee (DCCC), or the D Triple C or D Trip C. The context was that earlier in the day Matt Yglesias posted a clearly tongue-in-cheek chart about how after signing the infrastructure bill, President Biden had single-handedly fixed inflation and gas prices were heading down.

Of course, anyone with a brain knows this isn’t true. The President of the United States cannot control the price of petrol. Because, you know, market economy. The underlying problem of high demand and low supply was, of course, not solved by the infrastructure bill. But lots of people complain on the telly or the internets about Biden not doing more about inflation, but, you know, not really within the wheelhouse.

Anyway, this chart in particular does not bother me. Because Yglesias knows—and most of his audience knows—it is not meant to be taken seriously. It is really just a joke.

But emphasis most of his audience.

Because the DCCC later posted this graphic with the accompanying text “Thanks, Joe Biden”.

Oh boy.

Clearly they didn’t get the memo about the original being a joke.

The entire scale of the chart is 4¢. I cannot even recall the last time I had to use the glyph ¢ we’re talking so small a scale. The change in the the three week period amounts to a decline of 2¢.

And now you get the joke of the post. Ask me my 2¢ about the chart…

Now look closely at that y-axis. You’ll also note that we are carrying it all the way out to the third decimal point. Now, it’s true that some petrol stations will have a wee little nine trailing just after the two digits to the right of the decimal. Sometimes you might see a 9/10. As was explained to me in school that’s because people will buy something if it looks even a fraction of a cent cheaper. Thing 99¢—getting the use out of this glyph today—versus $1. Makes all the difference. So back when petrol was cheap (inflation stories come round and round), 0.899 looked better than 0.90. But now that it’s routinely well over a few dollars, that 9/10 is a laughable percentage of the total price.

So, yes, we do present petrol prices to three decimals in the environmental design space. But think to yourself, when have you ever aloud repeated a price to the third decimal point? You probably haven’t. And so this chart probably shouldn’t be using that granular a level of specificity.

The other underlying problem, jokes aside, is that the chart spends all that horizontal space looking at three data points. Three. If the data were showing the daily price, not the weekly average, we’d have 21 days worth of data, and that—scale notwithstanding—would be worthy of charting. My basic rule is that if it’s five or six data points, you can use a table unless there is a contextual or design reason for doing so. Say, for example, you’re doing a series of small multiples for a time series of objects in a category. For all but a few categories you have dozens of data points, but just a few have really spotty observations. In those cases, plot the three or four numbers. But in this case, just don’t.

Instead this kind of graphic is best presented as a factette, a big old number, preferably in a narrow or condensed width. Because a 2¢ decline over a three-week period is also not terribly newsworthy. (Unless your story is how prices haven’t changed much over the last three weeks.)

This also points to how the original chart misses the context of time. Granted, a lot can happen in three weeks, but a 2¢ shift is not massive. Give those three weeks their proper place in time, however, and you can see just how little movement that truly is. Cue my own quickly whipped up charts.

In the first chart you can begin to see how the change, during the course of the last nearly two years, is not significant. And in the second you can see that things really are not that bad compared to where they were back during the lead up to the Great Recession and then in the recovery that followed. (Aww, look at back in the early oughts when prices averaged just over a $1/gallon. I can still remember filling up my minivan for prices like 99¢.)

If the designer wants to make a point that perhaps we’re reaching the peak prices during this time period, sure. Because a two-week decline in prices could well be the beginning of that. But, to show that you also need to show the context of the time before that.

But once again, the President of the United States cannot much affect the price of petrol short of releasing the strategic reserve, which as its name implies, is meant for strategic purposes in case of national emergency. And high consumer prices are not a strategic national emergency on the scale of, say, a crippling storm impacting the refineries in the Gulf or an earthquake destroying pipelines in Alaska or an invasion or stifling blockade of overseas imports.

At the end of the day, this was just a terrible, terrible chart. And I think it speaks to a degree of chart illiteracy that I see creeping up in society at large. Not that it wasn’t there in the past—get off my lawn, kids—but seems more ever present these days. I don’t know if that’s because of the amplification effect of things like the Twitter or just a decline in education and critical thinking. But those are topics for another day.

This chart fails on so many levels. The concept is bad, i.e. neither Biden nor Trump nor their predecessors nor their successors—unless we adopt a planned economy, am I right, comrades?—can directly affect petrol prices. Prices are governed by larger market forces that boil down to supply and demand.

But also, the sheer design is bad. Don’t use a chart of three data points. Don’t stretch out the x-axis. Don’t use decimal points to a point where they’re unrecognisable.

In the meantime, charts like this? Don’t do them, kids.

Credit for the first original goes to FRED, whose chart Matt Yglesias used.

Credit for the second goes to the DCCC graphics department.

Oh, and because I used Federal Reserve data for the charts, and because I work there, I should add the views and opinions are my own and don’t represent those of my employer.

Those Are Some Heavy Balls

Unfortunately, I don’t subscribe to Business Insider, but I saw this graphic on the Twitter and felt the need to share it. Primarily because baseball will almost certainly stop at midnight when the owners of the teams will impose a lockout (as opposed to players going on strike). And with that baseball will be on hold until the two parties resolve their current labour issues.

And at present that seems like it could take quite some time.

So on the eve of the lockout Bradford William Davis tweeted a link to an article he wrote, alas no subscription as aforementioned, but he did share one of the graphics therein.

We have a basic dot plot charting the weight of the centre of baseballs, sorted by the month of game from which they were pulled.

The designer made a few interesting choices here. First, typographically, we have a few decisions around the type. I would have loved to have seen a bit of editing or design to eliminate the widow at the end of the graphic’s subtitle, that bit that just says “(blue)”. Do the descriptors in parentheses even need to be there when the designer included a legend immediately below? I find that one word incredibly distracting.

On the other hand, the designer chose to use a thin white outline around the text on the plot. Normally I’d really like this choice, because it can reduce some of the issues around legibility when lines intersect text, especially when they are the same colour. Here, however, the backgrounds are not white. I would have tried, for the top, using that light blue instead of white as the stroke for the outside of the letters. And on the bottom I would have tried the light pink. That would probably achieve the presumed desired effect of reducing the visual interference unintentionally created by the white. I also would have moved the top label up so it didn’t sit overlay the top dot.

As far as the dot plot itself goes, that works fine. I wonder if some transparency in the dots would have emphasised how many dots sit atop each other. Or maybe they could have clustered, but when overlapping moved horizontally off the vertical axis.

Overall this was a really nice graphic with which to end this half of the baseball off season. Hopefully the lockout doesn’t last too long.

Credit for the piece goes to Taylor Tyson.

There’s Water in the Basement

If you didn’t know, climate change is real and it threatens much of our current way of life. I don’t go so far as to say it threatens the extinction of mankind, because there are nearly seven billion of us and to wipe out every living soul would be a tall order. But, it could wipe out parts of our history.

If you didn’t know, the city of Washington in the District of Columbia was built on a swamp. Except, actually, it wasn’t. Most of the city was built on higher ground along the riverbank of the Potomac. True, there are low-lying areas affected by the tides and high water, such as the National Mall, but places like the Capitol were purposefully placed on high ground.

And that gets us to this article in the Washington Post. It takes a look at the impact of rising waters and flash flooding on the National Mall, home to some of the preeminent American museums. The article uses a map to show just how the museums are threatened by extreme weather events that will only increase in frequency as climate change ramps up.

Note the Capitol and the White House will both be fine.

The designer used colour to denote museums by their risk of flooding, and sadly there are several. But as the article describes, there are few short-term fixes that we can undertake to mitigate the risk of damage to the collections.

Credit for the piece goes to Taylor Johnston.

Hey Boo Boo

When I was in the Berkshires, one thing I noticed was signs about bears. Bear crossing. Don’t feed the bears. Be beary careful. Okay, not so much the latter. But it was nonetheless odd to a city dweller like myself where I just need to be wary of giant rats.

Less than a month later, I read an article in the Boston Globe about how the black bear population in Massachusetts is expanding from the western and central portions of the state to those in the east.

The graphic in the article actually comes from the Massachusetts Division of Fisheries and Wildlife, so credit goes to them, but it shows the existing range and the black bears’ new range.

I understand the inclusion of the highways in red, green, and black, but I wish they had some even simple labelling. In the article they mention a few highways, but my familiarity with the highway system in Massachusetts is not great. Also, because the designer used thin black lines to demarcate the towns, one could think that the black lines, especially out west, represent counties or other larger political geography units.

Credit for the piece goes to the Massachusetts Division of Fisheries and Wildlife.

How Far You Won’t Go

Housekeeping first, as you may have noticed, I haven’t been publishing as much lately. That’s because I’ve been on holiday. After a tremendously busy year, I need to use up all the time I didn’t spend on holiday. Consequently, I’m only going to be posting a handful or so more times before the end of the year. The plan is to return in early January to my regular posting schedule. For this week that means the next few days before I’m off for American Thanksgiving.

But on with the show.

One of the things I haven’t been doing too much of is travelling. There are many reasons for this, but one is that air travel in the United States has, of late, been, shall we say unreliable. Hundreds if not thousands of flight cancellations, sometimes with no obvious cause. And in one notorious case, Southwest claimed inclement weather cancelled flights in Florida, but it was the only airline to cancel significant numbers of flights. In other words, it wasn’t the weather.

The Wall Street Journal recently posted an article that explored the issue, doing so via a great example. It followed the literal path of one Southwest aircraft over one long holiday weekend. The screenshot below captures two of the graphics with a wee bit of text between.

What’s nice about the graphics’ design is how they use small multiples and consistent colours. The intended route is always on the left and what actually happened is on the right. Red and blue colours depict those throughout.

The only thing I quibble with is the embedded HTML text. Sometimes the page loads fine for me, other times it looks like it did this morning for this screenshot. Note how for some city labels the final letters get dropped to a second line, e.g. the “o” in Chicago or the “e” in Baltimore.

This is far from a deal breaker on this being a good graphic, but I find it mildly annoying, especially when in situations like the bottom left Orlando, there’s no obvious reason as to why, because the little airplane departure icon sits atop the final letter.

I understand the idea behind using native HTML text in graphics, but when things like this happen, I wonder if it wouldn’t simply be better to include the text as part of the graphic and avoid these potential mishaps altogether.

Credit for the piece goes to Emma Brown.

Data Analysis and Baseball

First, a brief housekeeping thing for my regular readers. It is that time of year, as I alluded to last week, where I’ll be taking quite a bit of holiday. This week that includes yesterday and Friday, so no posts. After that, unless I have the entire week off—and I do on a few occasions—it’s looking like three days’ worth of posts, Monday through Wednesday. Then I’m enjoying a number of four day weekends.

But to start this week, we have Game 6 of the World Series tonight between the Atlanta Braves and the Houston Astros. That should the Braves vs. the Red Sox, but whatever. If you want your bats to fall asleep, you deserve to lose. Anyways, rest in peace, RemDawg.

Yesterday the BBC posted an article about baseball, which is first weird because baseball is far more an American sport that’s played in relatively few countries. Here’s looking at you Japanese gold medal for the sport earlier this year. Nevertheless I fully enjoyed having a baseball article on the BBC homepage. But beyond that, it also combined baseball with history and with data and its visualisation.

You might say they hit the sweet spot of the bat.

There really isn’t much in the way of graphics, because we’re talking about work from the 1910s. So I recommend reading the piece, it’s fascinating. Overall it describes how Hugh Fullerton, a sportswriter, determined that the 1919 White Sox had thrown the World Series.

Fullerton, long story short, loved baseball and he loved data. He went to games well before the era of Statcast and recorded everything from pitches to hits and locations of batted balls. He used this to create mathematical models that helped him forecast winners and losers. And he was often right.

For the purposes of our blog post, he explained in 1910 how his system of notations worked and what it allowed him to see in terms of how games were won and lost. Below we have this screen capture of the only relevant graphic for our purposes.

In it we see the areas where the batter is like safe or out depending upon where the ball is hit. Along the first and third base foul lines we thin strips of what all baseball fans fear: doubles or triples down the line. If you look closely you can see the dark lines become small blobs near home plate. We’ve all seen those little tappers off the end of the bat that die, effectively a bunt.

Then in the outfield we have the two power alleys in right- and left-centre. When your favourite power hitter hits a blast deep to the outfield for a home run, it’s usually in one of those two areas.

We also have some light grey lines, which are more where batted balls are going to get through the infielders. We are talking ground balls up the middle and between the middle infielders and the corners. Of course this was baseball in the early 20th century. And while, yes, shifting was a thing, it was nowhere near as prevalent. Consequently defenders were usually lined up in regular positions. These correspond to those defensive alignments.

Finally the vast majority of the infield is coloured another dark grey, representing how infielders can usually soak up any groundball and make the play.

The whole article is well worth the read, but I loved this graphic from 1910 that explains (unshifted) baseball in the 21st century.

Credit for the piece goes to Hugh Fullerton.

Germany’s Political Coalitions

Two weekends ago, Germany went to the polls for their federal election in which they chose their representatives in the Bundestag, or legislature. Germany, however, is not a two-party system and no single party won a majority of seats. Consequently, the parties need to negotiate and form a coalition government. That could take a number of different forms given the number of different parties and their number of seats.

Thankfully the BBC produced a small graphic in an article that detailed how Angela Merkel’s political heir likely won’t take charge of the new government.

Here in the States we can only dream of coalition governments…

It’s a simple graphic, but given the terms Traffic Light coalition, Jamaica coalition, and Kenya coalition I think it’s a necessary graphic to help explain the makeup of these potential coalition arrangements. This falls into the category of small but exceptionally clear graphics. More proof that not all useful graphics need to be flashy.

Credit for the piece goes to the BBC graphics department.