I'm working on "infographic" style dashboard page where I want to convey the rank of something (and how big the whole group is). So "Rank #17 out of 2,312" could be conveyed like:


I'm not loving this visualization as higher/worse rankings result in a bigger slice of the "donut". Is there an ideal way to convey rank that'd be an improvement over this?

  • 1
    What happens if you have a 17 out of 2,345,678? Doesn't look like much room there and it's already rather small. Apr 2, 2014 at 19:23
  • 1
    What kind of rank? between how many possible? what is the assigned space? what kind of users/people will see that? is it a specialized community? Can you give more details?
    – PatomaS
    Apr 3, 2014 at 7:08

1 Answer 1


Well, the "best" way will depend on your needs and the overall style of the dashboard (what are users used to see - are there more similar visualizations?), but generally speaking, you can:

  • Flip the semantics, i.e. worse rankings will result in a smaller slice.
  • Simply use a meter bar instead of a donut.
  • 2
    +1 - A circle here to insinuate rank is very silly IMO. A circle has no beginning or end, so it is unclear from the glyph itself where the ranking falls. A linear graph I would think would be a better choice. You can fill up the meter bar just the same as a donut.
    – Andy W
    Apr 3, 2014 at 12:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.