Как вывести квадратный массив в html, выделяя элементы главной диагонали(цветом) (javascript)

Есть функция, которая считает сумму элементов главной диагонали. Как вывести этот массив, сохраняя его структуру(структуру матрицы), на страницу, выделяя элементы главной последовательности(например красным цветом).

function vivod(){
    var numbers = [
        [1,2,3],
        [4,5,6],
        [7,8,9]
    ];
    
    
    var sum = numbers.reduce((t,c, idx) => t+ (c[idx] || 0) , 0);
    sum = String(sum)
    
    document.getElementById('vivod').innerHTML = sum;
}