# Gauge Node with type level custom appearance

**URL:** <https://discourse.nodered.org/t/gauge-node-with-type-level-custom-appearance/18594>\
**Category:** Dashboard\
**Created:** [29 November 2019 08:06 UTC](https://discourse.nodered.org/t/gauge-node-with-type-level-custom-appearance/18594 "2019-11-29T08:06:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![star](https://avatars.discourse-cdn.com/v4/letter/s/ad7895/32.png) [@star](https://discourse.nodered.org/u/star)\
**Post date:** [29 November 2019 08:06 UTC](https://discourse.nodered.org/t/gauge-node-with-type-level-custom-appearance/18594/1 "2019-11-29T08:06:57Z")

</div>

There are four types (Gauge, Donut, Compass, Level) we can choose when editing a gauge node.

Is there any way to change the default appearance of level to be look like a real gas cylinder when we see in our life? Any ideas are appreciated. Thanks!!!

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [29 November 2019 08:53 UTC](https://discourse.nodered.org/t/gauge-node-with-type-level-custom-appearance/18594/2 "2019-11-29T08:53:49Z")

</div>

Not possible with the standard dashboard node.  
Take a look at the svg node, or you can an create svg yourself and use the template node to render it as you like.

---

<div class="post-metadata">

**Author:** ![star](https://avatars.discourse-cdn.com/v4/letter/s/ad7895/32.png) [@star](https://discourse.nodered.org/u/star)\
**Post date:** [29 November 2019 09:03 UTC](https://discourse.nodered.org/t/gauge-node-with-type-level-custom-appearance/18594/3 "2019-11-29T09:03:21Z")

</div>

Thanks for the direction!!! I will try to create one svg node to do an implementation.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [29 November 2019 09:12 UTC](https://discourse.nodered.org/t/gauge-node-with-type-level-custom-appearance/18594/4 "2019-11-29T09:12:23Z")

</div>

While not tank like - there is also the ui-level node - [https://flows.nodered.org/node/node-red-contrib-ui-level/in/590bc13ff3a5f005c7d2189bbb563976](https://flows.nodered.org/node/node-red-contrib-ui-level/in/590bc13ff3a5f005c7d2189bbb563976)