UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

Member-only story

Replace your complex bar chart with a dot plot to make it better understood

Kai Wong
UX Collective
Published in
5 min readSep 2, 2021

A spoon filled with dots on in the foreground with a pink background
Photo by Sharon McCutcheon on Unsplash
A categorical bar chart with 7 bars representing each category, separated into 8 different strategies. As a result, 56 different colored bars are represented from left to right, with a line chart visible above the bar charts to represent the average.
https://www.smashingmagazine.com/2017/03/understanding-stacked-bar-charts/

Understanding dot plots

The accuracy of different visual cues are represented, with the ones to the left being more accurate and the ones to the right being less accurate. From most accurate to least it goes: Position, length, angle, direction, area volume, saturation, and hue.
Representation of the accuracy of different visual cues
The text above says Data-Ink Ratio = Data Ink/Total ink used in graphic. Two visualizations are below: the left one has a low data-ink ratio because it’s in 3D, has shadows, and a number of other additional things that would require ink. The right one is a flattened bar chart with a better data-ink ratio. An arrow is pointing going from left to right.
https://towardsdatascience.com/the-power-of-visualization-in-data-science-1995d56e4208
A dot plot representing sales by store location. It’s shaped like a horizontal bar chart, with Rio de Janeiro being the top value (dot farthest to the right) at $1200k and Jesoro being the bottom value (dot farthest to the left) at $375k. All other locations are between the two.
https://learning.oreilly.com/library/view/the-big-picture/9781260473537/

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Written by Kai Wong

7xTop writer in UX Design. UX, Data Viz, and Data. Author of Data-Informed UX Design: https://tinyurl.com/2p83hkav. Substack: https://dataanddesign.substack.com

Responses (3)

Write a response