Roland Garros 2018 Match Page Statistics

A quick data visualization experiment to improve comparing the player stats on Roland Garros' match page.

The current implementation can be seen here: https://www.rolandgarros.com/en-us/matches/SM026

Bar charts with different starting points and directions are difficult for comparison, especially when the label is positioned between them (try comparing i.e. the first serve % without looking at the values).

I grouped and organized the bar charts differently to make comparing the length of the bars easier. This does take more space but for the benefit of scannability.

What do you think?