Citing sources

Since your graphic might be separated from your written piece, it's a good idea to cite your data source(s) on the graphic itself. The bottom left-hand corner is the traditional place for this, in a nice small font.

You can either just name the source or get a little more formal with Data: Wherever or Source: Wherever.

Example

Let's say you're using Sex by Marital Status By Age For the Population 15 Year and Over from the US Census Bureau's American Community Survey. You could cite your data source as...

  • US Census Burea
  • American Community Survey
  • US Census Bureau, American Community Survey
  • ACS 2016, Table B12002

It really depends on what looks the best and who your audience is. It's fine if you're vague in your graphic if you're more specific in the written piece.

Directly labeling your data points

Instead of having a key to understand a color or making your user rely on an axis to understand a value, just write the value next to the circle/bar/whatever.

For example, you have a bar representing Peru's GDP in 2013. You could have your reader slowly trace a line from the end of the bar down to the axis and estimate that it's kind of a little above 200 billion, or you could just write 202.3 billion at the end of the bar.

You usually only use this with smaller data sets and/or with smaller numbers. Having to write out numbers like "34,520" clutters your graph up quickly.

Titling your visualization

Most graphics deserve a title. That way when they're cool and popular and being sent around the internet everyone will know just what they're looking at.

Your title should usually be what you want the person to take away from the graphic (the interesting part) not just a description of what the data is (the boring part).

If you need to explain what the data is, you can use a subtitle.

If your data set is actually interesting you can use a description of the data as your title (see below).

Example

If you're visualizing how expensive Christmas dinner is you might make a graph of the cost of Christmas dinner each year.

You might title that Christmas Dinner Costs Each Year 2011-2016 (£).

Then your editor will change it to Christmas Dinner Costs Rising instead, and she will be correct.

Interesting data sets

If you mapped every single step you've taken in the past five years, that's pretty interesting: every single step I've taken in the past five years is a fine title.

Standardizing your font sizes

Don't have more than two or three font sizes in your graphic. Generally you can solve this problem by making sure your annotations the same size as your axis labels.

Example

When you're playing around with a new design, it's easy to accidentally end up with

  • 42pt title, to make it nice and big
  • 16pt description, to make it easy to read
  • 12pt anotations, to fit everything in
  • 10pt axis labels, since they're less important
  • 8pt tick mark labels, since there are like ten of them and you want them to be really small

That is too much stuff. Make the annotations and everything on the axes the same size, and use color or positioning to emphasize the annotations instead of the labels.

Out in the wild

Take this FiveThirtyEight graphics from a piece on Scrabble champ Nigel Richards.

Between different fonts sizes, weights (boldness), and typefaces there're maybe six different kinds of text there. They can get away with it because they're FiveThirtyEight - you aren't, so stay safe and standardize.

Taking credit

You should always put contact information on your graphics.

Usually your name, website, and Twitter handle are a good set. The traditional position for it is in the bottom right-hand corner (your data citation will be on the bottom left), or you can get a little bolder and put it right under the title.

Too many labels

If you have a lot of data points and every single one of them is labeled, get rid of some of those labels! They aren't all important, I promise.

The point of a visualization is you're presenting a curated view of the data underneath. If someone really wants to note every single datapoint, point them towards a spreadsheet.

Another good solution might be interactivity. It can be a crutch, but if you want people to be able to explore each and every data point, make them click or hover.

Example

You've mapped the 100 largest cities in the world, sizing the circles according to their population. If you've labeled each city with its name, it's too many labels. Heck, if you have twenty circles and you've labeled all of them it's still too many.

Instead, pick the largest (or most interesting) five and give them annotations.

If you'd really like to include the other information, you can:

  • Static graphic: Provide a chart to the side of the graphic, listing each city and their population
  • Interactive graphic: Allow people to hover over the circles, and get a little hover explaining what the city with population details.

Example

You have a pie chart of city expenditures. The city spends money on 25 different things, but most of the categories are only 0.2% of the budget.

Those super-small slices really don't matter, since they'll be dwarfed by the large categories. Combine them together into an Other category, and explain what the category contains in a footnote.