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?
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.