Dot Plots are an adaptation of the Bar Graph which are specifically useful for comparing values outside of a zero baseline. By eliminating the need to show the full value range of a number, you can begin to see the very small differences in values of a small range.
For example, here I’m depicting the ‘Top Test Scores’ which range from 80 to 90. If I had used a bar chart showing the full 0–100 range, these subtle differences between the scores would be nearly invisible. However, when you scale the x-axis values as I’m showing here, the differences are much more visible. By using dots instead of bars we also eliminate the possibility of user’s assuming a zero-based axis and dramatizing the chart’s subtle differences.
They’re also useful to reduce the visual weight of a chart on a dashboard. By using dots instead of bard, the ink/data ratio goes down and our heavy bars demand less of the user’s visual attention.
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.