Svg viewbox

Hello I am trying to render an svg graphic. It is a simple box and want to be able to manipulate the viebox values.
Currently the html code is

<svg style="background-color:#eee;" id="second_box" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 -80 100 100" preserveAspectRatio="none">
	<rect width="100" height="100" style="fill:#cccccc" />
</svg>

What I would like is to be able to use something like the below
dmx-bind:viewBox="0 {{inputOne.value}} 100 100" but this is not working (it is actually not adding the viewbox attribute.

Thank you