Управление окном просмотра SVG с помощью JavaScript (нет библиотек)

Я пытаюсь изменить окно просмотра элементов SVG. в JavaScript. По сути, я рисую бинарное дерево поиска, и когда оно становится слишком широким, я хочу изменить окно просмотра, чтобы уменьшить масштаб, чтобы дерево помещалось в окне. В настоящее время я использую:

if(SVGWidth>=1000){
  var a = document.getElementById('svgArea');
  a.setAttribute("viewbox","0 0 " + SVGWidth + " 300");
}

HTML::

<svg id="svgArea" xmlns="w3.org/2000/svg"; xmlns:xlink="w3.org/1999/xlink"; width="1000" height="300" viewBox="0 0 1000 300">

Я также пытался использовать setAttributeNS ('null',... ), но это тоже не сработало. Одна странная вещь, которую я заметил, заключается в том, что когда я предупреждаю (о ), он дает [объект SVGSVGElement], что кажется странным. Любая помощь приветствуется.