How to trigger hover action using javascript?

I want to simulate mouse hover on this site
on this element using only javascript with selenium.

//*[@id="main"]/div/div/div[3]/div/div[2]/div/div[3]/div[2]/div/div[2]/div/div/div[1]/svg/g[5]/g/g[80]

I have looked at various posts like this and this.
However, nothing seems to be working on this site.

I tried using this code, but it isn’t working on the site.

const mouseoverEvent = new Event('mouseover');
$x('//*[@id="main"]/div/div/div[3]/div/div[2]/div/div[3]/div[2]/div/div[2]/div/div/div[1]/svg/g[5]/g/g[80]').dispatchEvent(mouseoverEvent)

Due to some problems I can only use javascript and not Actionchains like most posts describe. Any solution without ActionChains should work fine.

Is it possible to simulate the mouse hover on the element?
Also, why does the code work on some sites but not on others, for example, works on this?