-
Notifications
You must be signed in to change notification settings - Fork 0
/
ranking-v2.html
165 lines (148 loc) · 4.06 KB
/
ranking-v2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
---
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_2.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>.
Como <a href="/2020/09/07/explicacao-pesquisas.html">já explicamos</a>,
pesquisas eleitorais não são previsões mágicas, nem loterias arbitrárias.
Para interpretar adequadamente o resultado de uma pesquisa, são
necessárias várias informações, entre as quais o desempenho passado do
instituto que a produziu.</p>
<p>Já que nem todo mundo tem tempo de analisar o histórico de centenas de
empresas de pesquisa no Brasil, fizemos isto por você e condensamos os
resultados nesta lista. Dela, excluímos apenas os institutos com menos de
cinco pesquisas publicadas no período de análise. (Para uma explicação
detalhada de como este Ranking foi calculado, <a
href="/2020/09/07/ranking.html">clique aqui</a>).</p>
<p>Com o Ranking, esperamos que nossos leitores e leitoras façam
julgamentos mais informados sobre as pesquisas eleitorais no Brasil.</p>
<p>Este ranking foi atualizado em 20 de novembro de 2020, e foi
calculado com base em pesquisas <b>entre 2012 e 2020</b>. Para acessar a
versão anterior do Ranking, <a href="/ranking-v1.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>