Is it possible to somehow select an SVG (D3) element by setting a function not from the svg itself?

Question

JavaScript

I made a chart on d3.js and there is a mouse hover event

var myChart = d3.select(this.refs.chart).append("svg")
.selectAll("rect")
.on('mouseover', function(d){
                
                ...
                d3.select(this)//хочу так же но из функции на странице
                    .style('opacity', 0.5)
            })

On the page there is a table in which you need to hover over a row with values ​​and so that the corresponding column is highlighted. Can the index be used in .data(dataArray) or something else...
How to select an element through a function?

Answer 1

The SVG element is a full page element and any of its child elements can be accessed via selectors.
Once you have the desired element, you can assign event handlers to it.