Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

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 at 21:39
    
There is also knob.js anthonyterrien.com/knob –  Pierre-Alain Vigeant Mar 1 at 2:41

1 Answer 1

up vote 7 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 at 21:46
    
You're welcome. Thanks for accepting the answer! –  SwankyLegg Feb 28 at 21:47

Your Answer

 
discard

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.