area chart – Coffee Spoons

Imports, Tariffs, and Taxes, Oh My!

Apologies, all, for the lengthy delay in posting. I decided to take some time away from work-related things for a few months around the holidays and try to enjoy, well, the holidays. Moving forward, I intend to at least start posting about once per week. After all, the state of information design these days provides me a lot of potential critiques.

Let us start with the news du jour , the application of tariffs on China and the delayed imposition on both Canada and Mexico. Firstly, let us be very clear what a tariff is. A tariff is a tax paid by importers or consumers on goods sourced from outside the country. In this case, we are talking about Canadian, Mexican, and Chinese imports and the United States slapping tariffs on goods from those countries. Foreign governments do not pay money to the United States, neither Canada, nor Mexico, nor China will pay money to the United States.

You will.

You should expect your shopping costs to increase, whether that is on the price of gasoline (imported from Canada), fast fashion apparel (from China), or avocados (from Mexico). On the more durable goods side, homes are built with Canadian lumber and your automobiles with parts sourced from across North America—the reason why we negotiated NAFTA back in the 1990s.

Now that we have established what tariffs are, why is the Trump administration imposing them? Ostensibly because border security and fentanyl. What those two issues have to do with trade policy and economics…I have no idea. But a few news outlets created graphics showing US imports from our top-five trading partners.

First I saw this graphic from the New York Times. It is a variation of a streamgraph and it needs some work.

A streamgraph type chart from the *New York Times*

To start, at any point along the timeline, can you roughly get a sense of what the value for any country is? No. Because there is no y-axis to provide a sense of scale. Perhaps these are the top import sources and these are their share of the total imports? Read the fine print and…no. These are the countries with a minimum of 2% share in 2024, which is approximately 75% of US imports.

This graphic fails at clearly communicating the share of imports. You need to somehow extrapolate from the y-height in 2024 given the three direct labels for Canada, Mexico, and China what the values are at any other point in time or for any other country.

Nevertheless, the chart does a few things nicely. It does highlight the three countries of importance to the story, using colours instead of greys. That focuses your attention on the story, whilst leaving other countries of importance still available for your review. Secondly, the nature of this chart ranks the greatest share as opposed to a straight stacked area chart.

Overall, for me the chart fails on a number of fronts. You could argue it looks pretty, though.

The aforementioned stacked area charts—also not a favourite of mine for this sort of comparison—forces the designer to choose a starting country in this case and then stack other countries atop it.

What this chart does really well, especially well compared to the previous New York Times example is provide content for all countries across all time periods by the inclusion of the y-axis. Like the Times graphic it focuses attention on Canada, Mexico, and China with colour and uses grey to de-emphasise the other countries. You can see here how the Times’ decision to exclude all countries below 2% can skew the visual impact of the chart, though here all countries below Japan (everything but the top-five) are grouped as other.

Personally, the inclusion of the specific data labels for Canada, Mexico, and China distract from the visualisation and are redundant. The y-axis provides the necessary framework to visually estimate the share. If the reader needs a value to the precision level of tenths, a table may be a better option.

I could not find one of the charts I thought I had bookmarked and so in an image search I found a chart from one of my former employers on the same topic (though it uses value instead of share) and it is worth a quick critique.

A stacked area chart from Euromonitor International

Towards the end of my time there, I was creating templates for more wide-screen content. My fear from an information design and data visualisation standpoint, however, was the increased stretch in simple, low data-intensity graphics. This chart incorporates just 42 data points and yet it stretches across 1200 pixels on my screen with a height of 500.

Compare that to the previous BBC graphic, which is also 1200 pixels, but has a greater height of 825 pixels. Those two dimensions give ratios of 2.4 for Euromonitor International and 1.455 for the BBC. Neither is the naturally aesthetically pleasing golden ratio of 1.618, but at least the BBC version is close to Tufte’s recommended 1.5–1.6. The idea behind this is that the greater the ratio, the softer the slope of the line. This can make it more difficult to compare lines. A steeper slope can emphasise changes over time, especially in a line chart. You can roughly compare this by looking at the last few years of the longer time span in the BBC graphic to the entirety of this graphic. You can more easily see the change in the y-axis because you have more pixels in which to show the change.

Finally we get to another New York Times graphic. This one, however, is a more traditional line chart.

And for my money, this is the best. The data is presented most clearly and the chart is the most legible and digestible. The colours clearly focus your attention on Canada, Mexico, and China. The use of lines instead of stacked area allow the top importer to “rise” to the top. You can track the rapid rise of Chinese imports from the late 1990s through to the first Trump administration and the imposition of tariffs in 2018—note the significant drop in the line. In fact you can see the impact in Mexico becoming the United States’ top trading partner in recent years.

Over the years, if I had a dollar for every time I was told someone wanted a graphic made “sexier” or with more “sizzle” or made “flashier”, I would have…a bigger bank account. The issue is that “cooler” graphics do not always lead to clearer graphics. Graphics that communicate the data better. And the guiding principle of information design and data visualisation should be to make your graphics clear rather than cool.

Credit for the New York Times streamgraph goes to Karl Russell.

Credit for the BBC graphic goes to the BBC graphics department.

Credit for the Euromonitor International graphic goes to Justinas Liuima.

Credit for the New York Times line chart goes to the New York Times.

Back to the Office, Back to Basics

Two weeks ago I posted about an article from the BBC that used graphics about which I was less than thrilled. Inconsistent use of axis lines, centring the graphic were two of the things that irked me. Two weeks hence, I do want to draw some positive attention to another article in the BBC. This one discusses the, for many of us, impending return to the office. (I’ve also heard the phrase “return to work”, although a coworker of mine pointed out that’s not a great phrase because many of us never stopped working when we decamped for our flats and houses.)

The article discusses why some think the return to a five-day office week will occur within the next few years. There is some sound logic to the idea and for those like your author who are closely following the issue, I recommend the article.

But that’s not why we’re here, instead I wanted to focus on the one data visualisation graphic in the piece. It displays the amount of office space used in the city centres of six different UK cities outside London.

Here we have small multiples with the same fixed y-axis display. Axis lines are present and consistent and the baseline is distinct from the other lines. Solid improvement over what we discussed two weeks ago.

My only quibble? The colours here are not necessary. A single colour would work because each city’s graphic exists apart from the rest. The charts also all represent the same type of data, occupied office space. If the chart were doubling or tripling up cities somehow—though I wouldn’t want to see this as a stacked area chart—I would buy the need for colours to differentiate the cities. This, however, represents an opportunity to use a single, BBC-branded colour to define the experience whilst not negatively impacting the communication from the data visualisation standpoint.

Again, though, that’s a minor quibble. Of course, the BBC puts out copious amounts of content daily and I see only a fraction, but it is nice to see an improvement. Furthermore, at the end of the article I also spotted a graphic credit, which I don’t often see—and honestly cannot recall when I last saw period—from the BBC.

I wonder if moving forward the BBC intends to highlight the contributors to articles who are not solely the writers, i.e. the people creating the graphics? Of course, if we did that, we should also probably take a look at the copy editors who also play a role. Especially for an online article as opposed to say a print newspaper or magazine where space is money.

Credit for the piece goes to Daniele Palumbo.

The Future of Climate Change

At the end of the month the world will gather in Paris, France for the next round of climate change talks. In advance of the talks, the Financial Times put together this model of how emissions reductions will help—or not—get climate change under control. The piece is two-fold. The first is a ten-step narrative that showcases the tool’s split of the time series into short-, medium-, and long-term impacts and how those work in the best and worst case scenarios. But it then allows the user to jump right on in and create their own scenarios.

Credit for the piece goes to John Burn-Murdoch and Pilita Clark.

When the Baltimore Oriole Abandons Baltimore

Climate change has more of an impact than just extreme weather. For one, not all weather will necessarily be warmer. Two, animals and plants will be affected in terms of their natural habitat. The New York Times recently put together a piece about the impact of climate change upon birds. And it turns out that in less than a century, it is projected that the Baltimore Oriole will no longer find its preferred climate in Baltimore, but rather further north.

Where the birds are and aren't — Where the birds are and aren’t

Credit for the piece goes to K.K. Rebecca Lai, Larry Buchanan, and Derek Watkins.