I have a LWC that has an svg embedded inside of it. The SVG is a D3js tree grid that I can select parent nodes and the children will appear below it. The issue that I am having is that when I embed the component into the lightning app builder page layout, I am limited by the size that I can set the component to. I know that there is a workaround that I could make the svg size really big and have it scroll, but I don't necessarily know the full size of the component if I expand every possible parent node. And if all the nodes are closed, I don't want the user to have a scroll bar with a bunch of whitespace. Is there a way that I can override the Lightning App Builder sizing, so that however long the SVG becomes, the component grows to continue to make it visible to the user? Thanks!
This is essentially the component I am building. https://blockbuilder.org/mbostock/1093025 Unlike a static SVG, this one with the expanding/collapsing of the different elements changes the height differing amounts. So I essentially need a way of figuring out the height as I expand and collapse the different nodes.