Make parts of vega embed selectable with querry selector?

[G4merBros]

I didnt found a way to make the single paths of my rendered vega chart selectable in angular.

vega

vegaEmbed('#vis',  vegaData[temp[0]], { "actions": false, "mode": "vega-lite" ,renderer: 'svg'})

html

<mat-grid-tile><div id="vis" style="width: 100%; height: 100%" (mouseover)='generateText(getTemp(0))'[matTooltip]="getTooltip(getTemp(0))|| ''" [dtsSelectItem]="getTooltip(getTemp(0))|| ''"></div></mat-grid-tile>

queryselector to get every single element I would like to be selectable

parentElements.forEach(parentElement => {
        const childElements = Array.from(parentElement.children);

        // Iterating through the child nodes of each parent element
        for (const childElement of childElements) {
          // Access child element properties or perform actions
          childElement.setAttribute("[dtsSelectItem]","123");
        }
      });

relatively new to frontend but don't found a way to make the child elements selectable