Earlier quoted context omitted.
The element should just work inside a body tag. To pretty it up though you will need some css targeting some of the child elements. For example, to make the container have a dashed border like we have, you would do: line.volume-line { stroke: #666; stroke-dasharray: 2,1; stroke-width: 1; }
Thanks. I was also having trouble figuring out how to decode the svg figure element into plaintext I can throw into a text editor and open in the browser. (I don't have any svg experience). I checked the docs and switched the imageFormat to png and was able to see the render. It's awesome that with svg I could style elements of the provided image however I want!
Thanks! Yeah you can do some cool things with animating the svgs too, like show animated packing instructions.