# Gauge node in compass mode - different values for pointer and displayed digits

**URL:** https://discourse.nodered.org/t/gauge-node-in-compass-mode-different-values-for-pointer-and-displayed-digits/88131
**Category:** Dashboard
**Created:** [20 May 2024 21:41 UTC](https://discourse.nodered.org/t/gauge-node-in-compass-mode-different-values-for-pointer-and-displayed-digits/88131 "2024-05-20T21:41:52Z")
**Posts on this page:** 1
**Showing post:** 14

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [22 May 2024 13:33 UTC](https://discourse.nodered.org/t/gauge-node-in-compass-mode-different-values-for-pointer-and-displayed-digits/88131/14 "2024-05-22T13:33:45Z")

</div>

> [@NPT](#):
>
> Is there a source of sample templates or code which one can play around with to create custom gauges?

I think this is not shortest path to solutions. It does give you maybe knowledge how some things can be done but same time stripe out most of the creativity.  
Better will be to start from some create visualization and then to figure out is it possible in the world of HTML/CSS. If the idea is promising, the community will wake up for sure to support with that technical stuff. Some of such creatures will find their way to be widely used, some of such will be forgotten for ever.  
For example this one - not much talkings about it. For sure it's not very practical thing but it has character. Sometimes that makes the thing.

> [@An oldshcool gauge](https://discourse.nodered.org/t/an-oldshcool-gauge/72313):
>
> Just for fun. [image] [{"id":"1e1a0b8d6b5f1c5a","type":"ui\_template","z":"bf0d83d32eec75c2","group":"55888982bdd0637f","name":"oldscool-gauge with blue negative digits","order":6,"width":"6","height":"1","format":"\<style\>\n .negative-blue .fg-num:nth-child(-n+3) {\n color: #0052d7;\n }\n\</style\>\n\<div ng-init=\"init()\" id=\"{{'fg\_'+$id}}\" class=\"fg-body\"\>\n \<div class=\"fg-display\"\>\n \<div class=\"fg-backplate\"\>\n \<div class=\"fg-numbers\"\> \n…

But that one sort of exploded

> [@First september give-away (let's create one gauge)](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507):
>
> Did a bit prototyping to see if it will work for dashboard or not. For me the answer is - barely, but as work is already done, Ill just give it away who ever may like it. It's a gauge - zero libraries, pure HTML and CSS. It can be modified as you like however - it takes at least intermediate knowledge or understanding of HTML and CSS. [hotnipi-gauge.json](https://discourse.nodered.org/uploads/short-url/q71ljD2V1cc1BC4GYLb2vC3Jw5A.json) (24.6 KB) EDIT: Customized scales for one gauge so you can more easily understand what it takes .

Not giving much but there is something to explore and to think about.

---

_[View the full topic](https://discourse.nodered.org/t/gauge-node-in-compass-mode-different-values-for-pointer-and-displayed-digits/88131)._