JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<div class="container">

  <body>
    <center>
      <h1>Status das empresas </h1>
      <br> </center>
    <div>
      <canvas id="grafico" width="200" height="40"></canvas>
    </div>
  </body>
</div>

JavaScript

window.onload = function() {
  var dataResult;
  var data;
  var countOn = 0,
    countOff = 0;

  //substitui este array 'hard-coded' pela resposta do $.getJSON()
  data = [{
    "Nome": "IPP",
    "Status": true
  }, {
    "Nome": "PAC",
    "Status": false
  }, {
    "Nome": "PAIC",
    "Status": true
  }, {
    "Nome": "PAS",
    "Status": true
  }, {
    "Nome": "PIA",
    "Status": true
  }, {
    "Nome": "PIAPROD",
    "Status": true
  }, {
    "Nome": "PIMES",
    "Status": true
  }, {
    "Nome": "PIMPF",
    "Status": true
  }, {
    "Nome": "PMCC",
    "Status": false
  }, {
    "Nome": "PMS",
    "Status": true
  }, {
    "Nome": "BMOPATATV.GetBMOPATATV",
    "Status": true
  }, {
    "Nome": "BMOPATATV.GetCountBMOPATATV",
    "Status": true
  }, {
    "Nome": "CESSAOBM",
    "Status": true
  }, {
    "Nome": "SETOR",
    "Status": true
  }, {
    "Nome": "AD.GetData",
    "Status": true
  }, {
    "Nome": "AD.GetDataDT",
    "Status": true
  }, {
    "Nome": "AGROAGENCIAS",
    "Status": true
  }, {
    "Nome": "AGROFASES",
    "Status": false
  }, {
    "Nome": "AGROFONTES",
    "Status": true
  }, {
    "Nome": "AGROMUNICIPIOS",
    "Status": true
  }, {
    "Nome": "AGROOCORRENCIAS",
    "Status": true
  }, {
    "Nome": "AGROPRODUTOS",
    "Status": true
  }, {
    "Nome": "AGROQUESTIONARIOSMUNICIPAIS",
    "Status": true
  }, {
    "Nome": "AGROQUESTIONARIOSUF",
    "Status": true
  }, {
    "Nome": "AGROQUESTIONARIOSUF",
    "Status": true
  }, {
    "Nome": "PMC_CRIPTO",
    "Status": true
  }, {
    "Nome": "BDOCFUNCUE",
    "Status": true
  }, {
    "Nome": "BM",
    "Status": false
  }];

  for (var i in data) {
    if (data[i].Status === true) {
      countOn++;
    } else {
      countOff++;
    }
  }
  dataResult = [countOn, countOff];

  var ctx = document.getElementById("grafico").getContext('2d');
  var pizza = new Chart(ctx, {
    type: 'pie',
    data: {
      labels: ["Serviços online", "Serviços offline"],
      datasets: [{
     ...