JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid"></div>

CSS

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.cell {
  height: 50px;
  background: #f00;
}

JavaScript

var arr = [
	[0, 1, 0],
  [2, 0, 3]
];
var cell;
var container = document.querySelector('.grid');

for (var i = 0; i < arr.length; i++) {
  for (var j = 0; j < arr[i].length; j++) {
    if (arr[i][j] !== 0) {
      cell = document.createElement('div');
      cell.className = 'cell';
      cell.style.gridColumnStart = j + 1;
      cell.style.gridRowStart = i + 1;

      container.appendChild(cell);
    }
  }
}