1

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?

  • 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 anthonyterrien.com/knob – Pierre-Alain Vigeant Mar 1 '14 at 2:41
9

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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