JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <div id="resultado" class='table'></div>

JavaScript

var data = [[{
	"nome": "SIM",
  "valor": 364
},{
	"nome": "NÃO",
  "valor": 3877
},{
	"nome": "",
  "valor": 12
}],[{
	"nome": "SIM",
  "valor": 10
},{
	"nome": "",
  "valor": 20
},{
	"nome": "NÃO",
  "valor": 30
},{
	"nome": "",
  "valor": 40
},{
	"nome": "SIM",
  "valor": 50
},{
	"nome": "NÃO",
  "valor": 25
},{
	"nome": "SIM",
  "valor": 10
}]];
var tamanhoTotal = data.length;
var totalDados = 4253;
for(var j =0; j<data.length; j++){
var valorEmBranco = 0;
  for(var i =0; i<data[j].length; i++){
    var porcentagem = 0;
    var valorPorColuna = data[j][i].valor;
    //alert(valorPorColuna);
      if(data[j][i].nome ===""){
        valorEmBranco += data[j][i].valor;  	
        //alert(valorEmBranco);
      } else {
        porcentagem = (valorPorColuna / (totalDados-valorEmBranco)) * 100;
      }
      data[j][i]['porcentagem'] = porcentagem;
//alert(valorPorColuna);
  }
}
for(var j =0; j<data.length; j++){
	$("#resultado").append("<table class='table table-bordered'>"+"Tabela"+(j+1));
  for(var i =0; i<data[j].length; i++){
    $("#resultado").append("<tbody><tr><td>"+data[j][i].nome+"</td><td>"+data[j][i].valor+"</td><td>"+data[j][i].porcentagem+"</td></tr></tbody>");
  }
  $("#resultado").append("</table><BR/><BR/>");
}

//alert(JSON.stringify(data));