I'm currently working with a dataset that consists of numbers ranging from 0-255, but that's heavily skewed towards the 70-100 range. Anything below 70 is considered low and anything above ~110 is considered high. It's extremely rare to see a number over 150.
Now, this data needs to be displayed in sets of 6, preferably as bars extending left to right. The exact numbers are to the right of the data. Here's a quick example (colors subject to change):
The goal is to show the user each of the six stats and to help them quickly understand if that stat is good, bad, or mediocre.
The issue is that I don't know the best way to size the bars. Right now, I'm doing a linear relationship between them (bar length = value * scalar). But either the large values overflow the container, or the medium values look pitifully small (which gives the wrong impression).
The strategies I've seen for displaying skewed data online, like using breakpoints or displaying the data logarithmically, don't work particularly well here. I'd also like to avoid a grid if I can (although using one wouldn't be the end of the world).
I've considered something like, the first 30 points have a .75x multiplier, then the next 100 points have a 1x multiplier, then anything over that has a .5x multiplier... but I don't know if that'd feel unintuitive when the user can tell the graph doesn't line up with the numbers.
Any help is appreciated!