Custom svg import to custom visual

[player66]

Hi, could anyone please show me the right way on how I can add a custom svg to visual.ts (for example interactive country map, just svg containing path for each region) and bind regions(svg paths) of this map to vanilla or custom barcharts. I have the svg file with a certain country map, which is divided to regions by paths and I want to import it to my custom visual. The behavior I want to achieve is like this: when user click on a certain svg map region, the barcharts change their view to appropriate region's data (for example show population, gdp etc.)

Thanks in advance!

[Anonymous]

I found this tutorial very helpful as I'm not very familiar with jQuery: https://blog.jongallant.com/2016/12/powerbi-custom-visual-svg-png/

[v-viig]

You can use jQuery to handle SVG and generate SVG DOM elements.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com