ranking-v1.html

---
layout: default
title: Ranking de Institutos de Pesquisa
---

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">
<script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>
<script src="/assets/ranking_data.js"></script>

<style>
#table_id {
  font-family: 'Fantasque Sans Mono';
}

td {
  border-color: #8db33a;
  border-style: solid;
  border-width: 1px;
}

.table-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.dataTables_wrapper {
  width: 100% !important;
}

.dataTables_filter {
  font-family: 'Fantasque Sans Mono';
  font-size: 16px;
}
</style>

<div class="container-md">
  <div class="row px-5">
    <div class="article-text">
      <p>A tabela abaixo é o <b>Ranking de Institutos de Pesquisa do
        Pindograma</b> (versão 1, atualizada em setembro de 2020). Para uma
      explicação detalhada de como este Ranking foi calculado, <a
                                                                 href="/2020/09/07/ranking.html">clique
                                                                 aqui</a>.</p>

      <p>Estes dados foram atualizados em setembro de 2020, e contêm pesquisas
      realizadas entre 2012 e 2018. Para acessar a versão atual do Ranking,
      <a href="/ranking.html">clique aqui</a>.
    </div>
  </div>

  <div class="row">
    <p class="w-100 underauthor text-center" style="font-size: 16px;">Nota: Números menores indicam desempenho melhor dos institutos.</b>

    <div class="table-container table-responsive">
      <table id="table_id" class="display" style="width: 100%;">
        <thead>
          <tr>
            <th>Nome</th>
            <th>Erro Percentual Médio (Ajustado)</th>
            <th>Pesquisas Analisadas</th>
            <th>Índice de Desempenho Final</th>
            <th>Nota</th>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>
</div>

<script>
grade_combinations = {
  'A': {
    'B+': 1,
    'B': 1,
    'B-': 1,
    'C': 1,
    'D': 1
  },
  'B+': {
    'A': -1,
    'B': 1,
    'B-': 1,
    'C': 1,
    'D': 1
  },
  'B': {
    'A': -1,
    'B+': -1,
    'B-': 1,
    'C': 1,
    'D': 1
  },
  'B-': {
    'A': -1,
    'B+': -1,
    'B': -1,
    'C': 1,
    'D': 1
  },
  'C': {
    'A': -1,
    'B+': -1,
    'B': -1,
    'B-': -1,
    'D': 1,
  },
  'D': {
    'A': -1,
    'B+': -1,
    'B': -1,
    'B-': -1,
    'C': -1
  }
}

$.fn.dataTableExt.oSort['grade-asc'] = function(x, y) {
  return -grade_combinations[x][y]
}

$.fn.dataTableExt.oSort['grade-desc'] = function(x, y) {
  return grade_combinations[x][y]
}

$(document).ready( function () {
  $('#table_id').DataTable( {
    responsive: true,
    language: {
      search: 'Busca por instituto:',
    },
    info: false,
    paging: false,
    processing : false,
    "data": pindograma_pollster_data,
    "columns": [
      { "data": "pretty_name" },
      { "data": "avg", render: $.fn.dataTable.render.number('.', ',', 2) },
      { "data": "n" },
      { "data": "pred_pm", render: $.fn.dataTable.render.number('.', ',', 2) },
      { "data": "grade", type: 'grade' }
    ],
    columnDefs: [
      { targets: [1, 2, 3, 4], 'searchable': false }
    ]
  });
});

$(window).resize(function () {
  $("table.dataTable").resize();
});
</script>