# Make arc in simple gauge flash/blink

**URL:** <https://forum.inductiveautomation.com/t/make-arc-in-simple-gauge-flash-blink/114853>\
**Category:** Ignition\
**Tags:** perspective, ignition83\
**Created:** [April 2, 2026, 11:22am UTC](https://forum.inductiveautomation.com/t/make-arc-in-simple-gauge-flash-blink/114853 "2026-04-02T11:22:37Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cose\_Peter1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cose_peter1/32/79174_2.png) [@Cose\_Peter1](https://forum.inductiveautomation.com/u/Cose_Peter1)\
**Post date:** [April 2, 2026, 11:22am UTC](https://forum.inductiveautomation.com/t/make-arc-in-simple-gauge-flash-blink/114853/1 "2026-04-02T11:22:37Z")

</div>

Is there a way to make only the arc in simple gauge blink 0.5 sec when the value goes above a certain threshold.

I tried using animation using style classes, but it can only be applied to the whole component, not just the arc.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 2, 2026, 12:21pm UTC](https://forum.inductiveautomation.com/t/make-arc-in-simple-gauge-flash-blink/114853/2 "2026-04-02T12:21:23Z")

</div>

You have to target this group here:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/4/c4bf7a5caea7b98fc306b1ff03b2e17eb4e76165.png)

I’m very bewildered by why there are so many groups in that arc SVG…..

This targets it, but it’s _extremely_ brittle if that SVG in the component is ever ~~fixed~~ changed. There’s not really much else you can use to target it specifically though, apart from the fill colour and fill-opacity perhaps?

```python
@keyframes arcPulse {
  0% { fill-opacity: 1; }
  50% { fill-opacity: 0.2; }
  100% { fill-opacity: 1; }
}

.psc-test[data-component="ia.chart.simple-gauge"] svg g g g g g g g g g g g g g g:nth-child(3) {
  animation: arcPulse 0.5s ease-in-out 2;
/* fill: red;*/
}

```

you could use this if you wanted to target the specific colour and opacity

```python
@keyframes arcPulse {
  0% { fill-opacity: 1; }
  50% { fill-opacity: 0.2; }
  100% { fill-opacity: 1; }
}

.psc-test[data-component="ia.chart.simple-gauge"] svg g[fill="#77b6d8"][fill-opacity="1"] {
  animation: arcPulse 0.5s ease-in-out 2;
/* fill: red;*/
}

```

---

<div class="post-metadata">

**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:** [April 2, 2026, 12:55pm UTC](https://forum.inductiveautomation.com/t/make-arc-in-simple-gauge-flash-blink/114853/3 "2026-04-02T12:55:30Z")

</div>

> [@nminchin](#):
>
> I’m very bewildered by why there are so many groups in that arc SVG…..

I agree. I have never really understood all of the nested groups.

I would make my own gauge SVG, something similar to 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…

Though I have done some really fancy things too like this:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/8/e8a421a4f1f5b7686efeb17b86ce9d81c3139e18.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 2, 2026, 1:01pm UTC](https://forum.inductiveautomation.com/t/make-arc-in-simple-gauge-flash-blink/114853/4 "2026-04-02T13:01:29Z")

</div>

> [@lrose](#):
>
> I have never really understood all of the nested groups.

On a related note, the moving analogue indicator is far simpler in terms of the SVG

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/e/1e4ee9cb8de80ba2422db9ec29e17254e8048f3a.png)

but it suffers from [lots of issues](https://forum.inductiveautomation.com/t/feature-underwhelming-look-of-the-analogue-indicator/77975) as well 😕