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

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?


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

Here you go...

1 Like

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

Sweet! Thanks!!

1 Like

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