# Implement compass in Dashboard 2

**URL:** <https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [12 August 2025 07:06 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619 "2025-08-12T07:06:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![k5map](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/k5map/32/47681_2.png) [@k5map](https://discourse.nodered.org/u/k5map)\
**Post date:** [12 August 2025 07:06 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619/1 "2025-08-12T07:06:45Z")

</div>

I looked at the gauge in DBv2 but do not see a way to use this to create a compass. Does anyone know of a compass node/widget which has been developed for DBv2?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [12 August 2025 07:57 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619/2 "2025-08-12T07:57:51Z")

</div>

Try this ui-template implementation developed by @hotNipi

> [@Add compass mode to DB2 gauge widget](https://discourse.nodered.org/t/add-compass-mode-to-db2-gauge-widget/85806/7):
>
> Fixed couple more things, now it animates, takes short way to rotate over 0/360 like real life things do. Possibly I'll leave it for now as is. Hided code from previous post. Use this, it is better. \<template\> \<div class="windrose"\> \<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="100%" height="100%" viewBox="0 0 500 493"\> \<g\> \<circle cx="250" cy="247" r="205" class="ring" /\> \<g\> \<line class="s…

---

<div class="post-metadata">

**Author:** ![k5map](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/k5map/32/47681_2.png) [@k5map](https://discourse.nodered.org/u/k5map)\
**Post date:** [12 August 2025 08:09 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619/3 "2025-08-12T08:09:44Z")

</div>

That’s a great compass, thanks!

---

<div class="post-metadata">

**Author:** ![k5map](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/k5map/32/47681_2.png) [@k5map](https://discourse.nodered.org/u/k5map)\
**Post date:** [12 August 2025 08:15 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619/4 "2025-08-12T08:15:26Z")

</div>

I read the link you provided but unclear about one thing… which widget do I paste the template info in the post in order to display the compass?

---

<div class="post-metadata">

**Author:** ![k5map](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/k5map/32/47681_2.png) [@k5map](https://discourse.nodered.org/u/k5map)\
**Post date:** [12 August 2025 08:20 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619/5 "2025-08-12T08:20:28Z")

</div>

Ignore my previous post… I was using the wrong template widget

---

<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:** [26 August 2025 08:20 UTC](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619/6 "2025-08-26T08:20:33Z")

</div>

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