# Hey! Is it possible to create a "bulls eye" graphical element using dashboard?

**URL:** <https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900>\
**Category:** Dashboard\
**Created:** [28 October 2021 17:00 UTC](https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900 "2021-10-28T17:00:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![dwayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dwayne/32/36543_2.png) [@dwayne](https://discourse.nodered.org/u/dwayne)\
**Post date:** [28 October 2021 17:00 UTC](https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900/1 "2021-10-28T17:00:33Z")

</div>

Essentially looking to have multiple layers of 360 gauges in a "bulls eye" format. I am building a lightning detector and want to be able to categorize strike data into rings such as 0-5 miles as the bulls eye, 5.1-10 miles as ring 1, 10.1-15 miles ring 2 etc.

Ideally what I need is to overlay multiple 360 degree gauges?

Thanks!

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [28 October 2021 17:10 UTC](https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900/2 "2021-10-28T17:10:37Z")

</div>

> [@dwayne](#):
>
> multiple layers of 360 gauges in a "bulls eye" format

Hi @dwayne,  
Do you have a screenshot as an example? My tiny brain has not enough capabilities to imagine what you want to achieve 🙂  
Bart

---

<div class="post-metadata">

**Author:** ![dwayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dwayne/32/36543_2.png) [@dwayne](https://discourse.nodered.org/u/dwayne)\
**Post date:** [28 October 2021 17:37 UTC](https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900/3 "2021-10-28T17:37:20Z")

</div>

Here you go...

 ![Screen Shot 2021-10-28 at 10.36.56 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/d/bd143c7f6c1a09b62334f8146cc3f556642244dd.png)

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [28 October 2021 18:37 UTC](https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900/4 "2021-10-28T18:37:55Z")

</div>

There are most probably multiple ways to achieve this, for example using with CSS. But personally I would go for an SVG drawing, containing a bunch of circles on top of each other. And control it using the node-red-contrib-ui-svg node...

---

<div class="post-metadata">

**Author:** ![dwayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dwayne/32/36543_2.png) [@dwayne](https://discourse.nodered.org/u/dwayne)\
**Post date:** [28 October 2021 18:54 UTC](https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900/5 "2021-10-28T18:54:16Z")

</div>

Sweet! Thanks!!

---

<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:** [27 November 2021 18:54 UTC](https://discourse.nodered.org/t/hey-is-it-possible-to-create-a-bulls-eye-graphical-element-using-dashboard/52900/6 "2021-11-27T18:54:16Z")

</div>

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