JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:330px; width:1100px; background:#313131; margin:0 auto; ">
  <svg id='svg_main' height="330" width="1100"></svg>
</div>

JavaScript

var svgid = document.getElementById('svg_main');
var str_lne = 60;
var pathEl = document.createElementNS('http://www.w3.org/2000/svg', 'path');
pathEl.setAttribute('id', 'lineAB');
pathEl.setAttribute('d', 'M 50 ' + str_lne + ' L 1050 ' + str_lne);
pathEl.setAttribute('transform', 'translate(0.5,0.5)');
pathEl.style.stroke = '#707073';
pathEl.style.strokeWidth = '1px';
svgid.appendChild(pathEl);