Custom Visual Development: Placing an svg circle in a table (HtmlElement)

[Dave0145]

Hi,

I have successfully created a custom visual (as above) that shows a matrix of values. However, when I place an svg circle element in each cell, coloured according to the value of the cell, the cell height increases to the default image height (75). How can I override this functionality as a developer in a similar way to how it can be done in Power BI Desktop table visual? (Grid / Image height property)

thanks

[Dave0145 · Accepted solution]

My apologies all. As soon as I posted, I realised that I had omitted the height and width attributes on the <svg> tag.  All better now.

[v-chuncz-msft]

@Dave0145,

Glad to hear that you've solved this problem and thank you for sharing the solution. You could help mark it as answer. Your contribution is highly appreciated.