This is part of a series of posts about the 'little of visualisation design', respecting the small decisions that make a big difference towards the good and bad of this discipline. In each post I'm going to focus on just one small matter - a singular good or bad design choice - as demonstrated by a sample project. Each project may have many effective and ineffective aspects, but I'm just commenting on one.
The 'little' of this next design concerns a nice technique for elegantly displaying chart gridlines. The example of this approach comes from an article published in the Guardian about the affordability of homes around the UK.
This is a very simple approach whereby the gridline colours take the same colour as that of the chart background. In this case white is used, which means you avoid the visual clutter of visible lines crossing the entirety of the chart space but, as a reader, you still gain the benefit of a more subtle guide to help judge the size of the bars.
I want to point out that by having the grid line in the FOREGROUND (on top of the data), you risk obscuring some of the data. For example, in the bottom bar (Sunderland), your display makes the reader wonder whether
1. Sunderland=30 and the tip of the bar is clipped off by the grid line, or
2. Sunderland=29.9 and the entire bar is shown.
In contrast, if you use grid lines in the BACKGROUND, then you can determine the bar lengths, but it will be clear whether Sunderland=30 (the grid line will not show) or whether Sunderland<30 (the grid line will show).