User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm in the middle of designing a dash board, and there's somewhere where we display numbers that I really would like to have this specific type of dial gauge that I've seen before online.

Image of dial guages with percentage of ring coloured

I remember seeing an open source JavaScript library for these, can someone please remind me what these are called and where I can find them?

share|improve this question
The JavaScript library recommendation is technically off topic, but now that you know what to search for I'm sure you can find some popular projects visualization projects that would meet your needs... chart.js comes to mind... – Charles Wesley Feb 28 '14 at 21:39
There is also knob.js – Pierre-Alain Vigeant Mar 1 '14 at 2:41
up vote 9 down vote accepted

Assuming you mean the circles with the 62% and 85%...

Doughnut Charts

A doughnut chart (also spelled donut) is functionally identical to a pie chart, with the exception of a blank center and the ability to support multiple statistics at once. Doughnut charts are superior to standard pie charts as they provide for a better data intensity ratio. For example, the blank center can be used to display additional, related data as shown in the example.

Source: Wikipedia

share|improve this answer
thanks a lot, exactly what I'm looking for – Sam Creamer Feb 28 '14 at 21:46
You're welcome. Thanks for accepting the answer! – SwankyLegg Feb 28 '14 at 21:47

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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