How to set viewBox programmatically?

Question

JavaScript

let svgElem = document.createElement('svg');
svgElem.setAttribute('width', 500);
svgElem.setAttribute('height', 500);
svgElem.setAttribute('viewBox', '0 0 50 50');

does not give the desired result

instead of viewBox="0 0 50 50"
it will be viewbox="0 0 50 50"

Answer 1

svgElem.setAttributeNS('http://www.w3.org/2000/svg', 'viewBox', '0 0 50 50')

Or let the element creation look like this:

document.createElementNS('http://www.w3.org/2000/svg', 'svg')