# First september give-away (let's create one gauge)

**URL:** <https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [1 September 2021 17:38 UTC](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507 "2021-09-01T17:38:56Z")\
**Posts on this page:** 4\
**Page:** 8

<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:** [5 October 2021 21:55 UTC](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507/142 "2021-10-05T21:55:39Z")

</div>

Why my logic is build up that way? Just as it is common for all use cases. The build up starts for me with thin rectangle in space. That rectangle can be made even vertically or horizontally thin. I have gone with horizontal way. So it starts even from 3 or 9 position. And my choice was 9. It is same for all gauges, not just the clock and so the calculation rules are logically same and it will be easier to maintain the code that way. Nothing more. You can freely change it. Most important is that you understand what it does.

---

<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:** [6 October 2021 19:30 UTC](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507/143 "2021-10-06T19:30:29Z")

</div>

How about the gauge showing temperature and humidity in one?  
In this design frame - how should the double scale - double needle gauge look like?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [5 November 2021 19:31 UTC](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507/144 "2021-11-05T19:31:22Z")

</div>

Closed on 5 November 2021 19:31 UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [9 August 2023 14:38 UTC](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507/145 "2023-08-09T14:38:03Z")

</div>

Just a reminder:

Hotnipi also gifted a web component version of his excellent gauge to the community as well. It currently lives in my GitHub. [GitHub - TotallyInformation/gauge-hotnipi: A nice looking gauge W3C component gifted by hotnipi for use with Node-RED, uibuilder and other uses](https://github.com/TotallyInformation/gauge-hotnipi).

In that form, it can be used with uibuilder or even with http-in/-out nodes. Or even (horrors) without Node-RED at all - though where's the fun in that!

[Previous page](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507.md?page=7)