Member-only story

Grey is the new black: a study on progress bars

#24: Turning bar charts into progress bars

Weronika Gawarska-Tywonek
UX Collective
5 min readMar 24, 2023
Four different ways of visualizing progress — using human icons, dots, bar chart, and squares.
Graph by the author.

There are limited cases when stacked bar charts come in handy. Sadly, that doesn’t make them unpopular. Even though they only allow a convenient comparison of the two outermost categories, they are often used to represent many more. But there is a case where they do magic. Progress bar — to put it in two words.

The progress bar is a basic stacked bar that shows only two states — when something occurs and when it doesn’t. Choosing a color, we can emphasize either the opposite or the complement. Imagine the case where we want to show a gender distribution. If we use red to show women and blue to show men, we will focus on two opposite groups. On the other hand, if we use red for women and grey for men, we will show women among all people rather than two different groups.

The latter is precisely what the author of the Statista chart tried to achieve. The intention behind the chart is to show how many of the direct loan debtors would have been forgiven in each of the analyzed scenarios. We can see how the number of wholly freed students will change with the increase in forgiven amount. The analysis is complemented by the baseline of the total number of debtors. Unfortunately, all information is shown as separate bars, making the comparison…

Published in UX Collective

We believe designers are thinkers as much as they are makers. Curated stories on UX, Visual & Product Design. https://linktr.ee/uxc

Written by Weronika Gawarska-Tywonek

Data Visualization Designer | Trainer | Sociologist. Check my redesigned charts in weekly Incremental Improvements articles.

Responses (1)

What are your thoughts?