Display data from data source in SVG panel (on mouse hover over SVG path)

Latest Grafana version on Windows 10

I have added an SVG using the SVG plugin. It is a SVG of a map containing around 30 districts and I have specified the name of the districts in the path ID of each district.
I have added CSS for path hover so that when mouse hovers over a district, the district changes color. I also want to display some data on mouse hover.
However, I’m unable to figure out the code to display the specific data of each district on mouse hover.

My data is something like this:

My SVG panel:

On hover:

I read this thread and tried following the code that they have given in the Javascript Events panel(however it doesn’t mention mouse hover or specific SVG path dependent data):

What happened to this approach?