JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">

</div>

CSS

body{
  background-color:black
}

.els{
  height:10px;
  width: 10px;
  background-color:white;
  margin-right: 16px;
  display: inline-block;
}

JavaScript

var num = 700
for (i=0; i < num; i++){
	let el = '<div class="els"></div>';
  let elSVG = '<svg class="els"></svg>';
  let container = document.getElementById("test");
  
 container.innerHTML = container.innerHTML + elSVG
}