# How SVG Single Line Diagram

**URL:** <https://forum.inductiveautomation.com/t/how-svg-single-line-diagram/94168>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 5, 2024, 1:57pm UTC](https://forum.inductiveautomation.com/t/how-svg-single-line-diagram/94168 "2024-08-05T13:57:10Z")\
**Posts on this page:** 1\
**Showing post:** 20

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 6, 2024, 8:07am UTC](https://forum.inductiveautomation.com/t/how-svg-single-line-diagram/94168/20 "2024-08-06T08:07:42Z")

</div>

> [@New Feature: Perspective Piping](https://forum.inductiveautomation.com/t/new-feature-perspective-piping/49919/138):
>
> welp... i just had to try it out didnt it crazy_face Required version 8.1.22 Behold! JS INJECTED SVG CLICKER [jsInjectedSvgClicker.zip](https://forum.inductiveautomation.com/uploads/short-url/yDwMpbCRuyjgMnIYAO9s4YWkTIz.zip) (3.6 KB) edit: I made the value of the binding become the name it writes to in the view.custom props Be sure to set the custom prop back to null after handling your event so you can trigger the onchange events on the prop wink It should only detect things inside this view. Haven't fully tested it though.

This might be interersting for you to make svg a bit more interactable, esspecially if you end up going for a single big svg. By adding in id's (name property on elements) you can easily script something to triggered based on what name was clicked, without having to make invisible buttons.

---

_[View the full topic](https://forum.inductiveautomation.com/t/how-svg-single-line-diagram/94168)._