# Vision - Circle with fill based on value property

**URL:** <https://forum.inductiveautomation.com/t/vision-circle-with-fill-based-on-value-property/104018>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [March 21, 2025, 4:01pm UTC](https://forum.inductiveautomation.com/t/vision-circle-with-fill-based-on-value-property/104018 "2025-03-21T16:01:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![JHortenberry](https://avatars.discourse-cdn.com/v4/letter/j/b3f665/32.png) [@JHortenberry](https://forum.inductiveautomation.com/u/JHortenberry)\
**Post date:** [March 21, 2025, 4:01pm UTC](https://forum.inductiveautomation.com/t/vision-circle-with-fill-based-on-value-property/104018/1 "2025-03-21T16:01:20Z")

</div>

Vision -- Building a template based on a circle (simulating a tank end view) that will dynamically change it's level based on a 'level' property value...basically, circle with horizontal level, indicating filling from the bottom.

Ideas on how to approach this...?

...tried a few approaches:

1. level indicator over circle, but needed to mask the level outside of the circle.
2. circle w/gradient over circle, unable to map the gradient level

Thoughts?

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [March 21, 2025, 4:07pm UTC](https://forum.inductiveautomation.com/t/vision-circle-with-fill-based-on-value-property/104018/2 "2025-03-21T16:07:02Z")

</div>

Circle plus masked level is pretty simple with a paintable canvas.

> **[Vision - Paintable Canvas | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/appendix/components/vision-components/misc/paintable-canvas)**
>
> The Paintable Canvas component can be custom painted using Jython scripting.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [March 21, 2025, 4:07pm UTC](https://forum.inductiveautomation.com/t/vision-circle-with-fill-based-on-value-property/104018/3 "2025-03-21T16:07:10Z")

</div>

Let me just brush the dust off this guy...

> **[Ignition Exchange](https://inductiveautomation.com/exchange/2038/overview)**
>
> Discover, share, and download community made Ignition resources in collaboration with your organization or the Ignition community.
