# 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:** 1\
**Showing post:** 2

<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…

---

_[View the full topic](https://discourse.nodered.org/t/implement-compass-in-dashboard-2/98619)._