# How to create labels that are not obscured by nodes?

**URL:** <https://forum.techsoft3d.com/t/how-to-create-labels-that-are-not-obscured-by-nodes/2648>\
**Category:** HOOPS Visualize Web\
**Created:** [September 13, 2023, 8:46am UTC](https://forum.techsoft3d.com/t/how-to-create-labels-that-are-not-obscured-by-nodes/2648 "2023-09-13T08:46:58Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![619944680](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/619944680/32/516_2.png) [@619944680](https://forum.techsoft3d.com/u/619944680)\
**Post date:** [September 13, 2023, 8:46am UTC](https://forum.techsoft3d.com/t/how-to-create-labels-that-are-not-obscured-by-nodes/2648/1 "2023-09-13T08:46:58Z")

</div>

I saw a great demo on the official website of Techsoft3D.

[https://cloud-iot.techsoft3d.com/](https://cloud-iot.techsoft3d.com/)

I found that the labels in the example are not obscured by the nodes. I would like to ask how such labels are created?

---

<div class="post-metadata">

**Author:** ![guido](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/guido/32/115_2.png) [@guido](https://forum.techsoft3d.com/u/guido)\
**Post date:** [September 13, 2023, 3:17pm UTC](https://forum.techsoft3d.com/t/how-to-create-labels-that-are-not-obscured-by-nodes/2648/2 "2023-09-13T15:17:11Z")

</div>

These labels have been created with the class mentioned in this post:

> [@Sprite Manager Class](https://forum.techsoft3d.com/t/sprite-manager-class/447):
>
> HOOPS Communicator makes it easy to create any kind of complex 2D markup via the [MarkupManager](https://docs.techsoft3d.com/communicator/latest/build/api_ref/typedoc/classes/communicator.markupmanager.html) class which uses an SVG layer on top of the 3D model for most markup types. However, sometimes it can be desirable to create markup that is part of the 3D scene. This allows it to be occluded by other 3D objects and also makes the markup geometry selectable as part of the standard HOOPS Communicator selection mechanism. The SpriteManager class below is a fairly straightforward implementation…
