# How to build this component: Multi Layered Gauge **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [March 27, 2025, 7:17am UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290 "2025-03-27T07:17:05Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Jesse\_Dale\_Gimenez](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jesse_dale_gimenez/32/68763_2.png) [@Jesse\_Dale\_Gimenez](https://forum.inductiveautomation.com/u/Jesse_Dale_Gimenez)\ **Post date:** [March 27, 2025, 7:17am UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290/1 "2025-03-27T07:17:05Z")
![multi gauge](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/5/75f6fe4438f59b33bf9919de56b4ebf2f86e7208.jpeg) I saw this component from the general discussion page, share your project screen. I am curious on how he managed to build this component ---
**Author:** ![Jesse\_Dale\_Gimenez](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jesse_dale_gimenez/32/68763_2.png) [@Jesse\_Dale\_Gimenez](https://forum.inductiveautomation.com/u/Jesse_Dale_Gimenez)\ **Post date:** [March 27, 2025, 7:18am UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290/2 "2025-03-27T07:18:01Z")
> [@Project screenshots - share yours](https://forum.inductiveautomation.com/t/project-screenshots-share-yours/513/156): > > Hi I’d like to share with you some screens of my first project in Maker Edition ! your feedback is welcomed. link ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [March 27, 2025, 8:21am UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290/3 "2025-03-27T08:21:50Z")
Maybe this comes from a charting module, I don't think this is from apex chart, maybe @bmusson 's embr charts ? But chances are this is just a coordinate container used to layer 3 simple gauges on top of each other: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/9/692bb03f364e350f1e333290cfb48f3cd941c337.png) ---
**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\ **Post date:** [March 27, 2025, 10:35am UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290/4 "2025-03-27T10:35:03Z")
> [@pascal.fragnoud](#): > > But chances are this is just a coordinate container used to layer 3 simple gauges on top of each other: I would use an SVG to make this. > [@Perspective, faster page](https://forum.inductiveautomation.com/t/perspective-faster-page/69885/35): > > Okay, I had a bit of free time today, so here is a complete SVG solution. You could do the Label as SVG text as well, or a gauge needle if you wanted, I haven't gone that far. Just a little example of the power of using the Ignition Designer to add SVG elements. I didn't include the label for the example. Note: All of this (outside of the calculations needed to find the points for the shape) was done inside of the designer (yes I can be somewhat of a masochist at times. rofl). First a s… ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [March 27, 2025, 10:58am UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290/5 "2025-03-27T10:58:53Z")
I haven't used gauges much, so I have no idea how much they impact performance, but... For a dashboard full of these, maybe. If there's just one on the page ? I'd probably just stack the simple gauges. ---
**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\ **Post date:** [March 27, 2025, 11:27am UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290/6 "2025-03-27T11:27:09Z")
> [@pascal.fragnoud](#): > > If there's just one on the page ? Yeah, in this instance, probably not going to be a huge hit on performance. I just don't like being locked into a coordinate container or some funky CSS to fix positioning. ---
**Author:** ![bmusson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bmusson/32/87530_2.png) [@bmusson](https://forum.inductiveautomation.com/u/bmusson)\ **Post date:** [March 28, 2025, 1:58pm UTC](https://forum.inductiveautomation.com/t/how-to-build-this-component-multi-layered-gauge/104290/7 "2025-03-28T13:58:15Z")
> [@pascal.fragnoud](#): > > I don't think this is from apex chart, maybe @bmusson 's embr charts ? Hm, I was going to say it looked like ApexCharts.