How to translate an SVG group by a percentage of the viewport

Question

I have an svg that is in a (group) and I would like to scale it and then translate it by a percentage of the viewport. Most

Answer 1

Stick the element in an inner element and add x and y attributes with percentage values to the inner element to translate it.

If you want the scale to apply first you would put the element inside the instead.