# Automotive Gauge cluster for vehicle front Dashboard Display

**URL:** <https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420>\
**Category:** Dashboard\
**Created:** [8 August 2023 21:45 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420 "2023-08-08T21:45:36Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jdo300](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jdo300/32/79415_2.png) [@Jdo300](https://discourse.nodered.org/u/Jdo300)\
**Post date:** [8 August 2023 21:45 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/1 "2023-08-08T21:45:36Z")

</div>

I'm working on creating a touchscreen display for a vehicle that shows a few gauges with basic vehicle info (speed, temperature, fuel level, etc.) and wanted to ask:

1. If there are any slick gauge packages available as Node-red dashboard widgets? (I've downloaded a few standard ones to play with (artless gauge, linear gauge, etc.)

2. I've seen some nice-looking gauge clusters that are rendered using CSS/Javascript and wanted to know if there is an easy way to integrate these to have a more custom look/feel.

Don't want to reinvent the wheel if possible so wanted to ask about current options out there. Looking to create a quick prototype but something that looks graphically nice also.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [8 August 2023 22:38 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/2 "2023-08-08T22:38:02Z")

</div>

There is:

`node-red-ui-node-lineargauge`

May be of use

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [9 August 2023 00:42 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/3 "2023-08-09T00:42:01Z")

</div>

I think this is more what you are looking for ?

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/2/62bf13393b89a320484c76efabb900ea0cd615c0.jpeg)

> [@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 .

---

<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:33 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/4 "2023-08-09T14:33:45Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![Jdo300](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jdo300/32/79415_2.png) [@Jdo300](https://discourse.nodered.org/u/Jdo300)\
**Post date:** [10 August 2023 20:03 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/5 "2023-08-10T20:03:21Z")

</div>

Yes, that looks nice! I'm going to try to create a quick dashboard with some of those now.

---

<div class="post-metadata">

**Author:** ![Jdo300](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jdo300/32/79415_2.png) [@Jdo300](https://discourse.nodered.org/u/Jdo300)\
**Post date:** [10 August 2023 20:35 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/6 "2023-08-10T20:35:32Z")

</div>

I noticed in that thread that there was talk of creating a library for that gauge. Did they ever make one?

---

<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:** [10 August 2023 22:59 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/7 "2023-08-10T22:59:22Z")

</div>

Yes, that's the one I mentioned. It is implemented as a web component so can be used pretty much anywhere.

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [11 August 2023 00:06 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/8 "2023-08-11T00:06:33Z")

</div>

As TotallyInfomation posted -

> **[GitHub - TotallyInformation/gauge-hotnipi: A nice looking gauge W3C component...](https://github.com/TotallyInformation/gauge-hotnipi)**
>
> A nice looking gauge W3C component gifted by hotnipi for use with Node-RED, uibuilder and other uses - GitHub - TotallyInformation/gauge-hotnipi: A nice looking gauge W3C component gifted by hotnip...

---

<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:** [25 August 2023 00:06 UTC](https://discourse.nodered.org/t/automotive-gauge-cluster-for-vehicle-front-dashboard-display/80420/9 "2023-08-25T00:06:40Z")

</div>

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