-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
304 lines (274 loc) · 13.6 KB
/
index.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Playfair+Display:400,700" rel="stylesheet">
</head>
<body>
<h1 class="header">Elecciones 28A - Zaragoza</h1>
<div class="district-zgz">
<h3 class="title">Resultados por distrito</h3>
<div class="container-chart">
<article class="chart-diff">
<svg class="charts">
<g class="chart-diff-container"></g>
</svg>
</article>
</div>
</div>
<article class="district-ara caida-pp">
<h3 class="subtitle">¿Donde ha ido el voto que ha perdido el Partido Popular?</h3>
<p class="text">En 231 secciones el voto que ha perdido el PP no lo ha llegado a absorber por completo Vox y Ciudadanos.</p>
<p class="text">En 65 secciones lo que perdió el PP lo asumió Ciudadanos y Vox.</p>
<p class="text">Y en 214 secciones Vox y Ciudadanos absorbieron la pérdida del PP y más.</p>
<svg>
<g class="caida-pp-container"></g>
</svg>
</article>
<article class="district-ara caida-up">
<h3 class="subtitle">¿Donde ha ido el voto que ha perdido Unidas Podemos?</h3>
<p class="text">En 141 secciones el voto que ha perdido UP no lo ha llegado a absorber por completo el PSOE.</p>
<p class="text">En 75 secciones lo que perdió UP lo gano el PSOE.</p>
<p class="text">Y en 283 secciones el PSOE absorbió toda pérdida de UP y más.</p>
<svg>
<g class="caida-up-container"></g>
</svg>
</article>
<article class="district-ara scatter-up">
<h3 class="subtitle">Ganancia y pérdida de % de votos de Unidas Podemos</h3>
<p class="text">Cada uno de los círculos representa una sección electoral. Las secciones pueden estar formadas por una, dos o tres mesas electorales.</p>
<svg>
<g class="scatter-up-container"></g>
</svg>
</article>
<article class="district-ara scatter-pp">
<h3 class="subtitle">Ganancia y pérdida de % de votos del Partido Popular</h3>
<p class="text">Cada uno de los círculos representa una sección electoral. Las secciones pueden estar formadas por una, dos o tres mesas electorales.</p>
<svg>
<g class="scatter-pp-container"></g>
</svg>
</article>
<article class="district-ara scatter-psoe">
<h3 class="subtitle">Ganancia y pérdida de % de votos del Partido Socialista</h3>
<p class="text">Cada uno de los círculos representa una sección electoral. Las secciones pueden estar formadas por una, dos o tres mesas electorales.</p>
<svg>
<g class="scatter-psoe-container"></g>
</svg>
</article>
<article class="district-ara scatter-cs">
<h3 class="subtitle">Ganancia y pérdida de % de votos de Ciudadanos</h3>
<p class="text">Cada uno de los círculos representa una sección electoral. Las secciones pueden estar formadas por una, dos o tres mesas electorales.</p>
<svg>
<g class="scatter-cs-container"></g>
</svg>
</article>
<article class="district-ara scatter-vox">
<h3 class="subtitle">Ganancia y pérdida de % de votos de Vox</h3>
<p class="text">Cada uno de los círculos representa una sección electoral. Las secciones pueden estar formadas por una, dos o tres mesas electorales.</p>
<svg>
<g class="scatter-vox-container"></g>
</svg>
</article>
<article class="district-ara scatter-ultra-derecha">
<h3 class="subtitle">Pérdida de votos del Partido Popular. Ganancia de Vox.</h3>
<p class="text">Cada uno de los círculos representa una sección electoral. Las secciones pueden estar formadas por una, dos o tres mesas electorales.</p>
<svg>
<g class="scatter-ultra-derecha-container"></g>
</svg>
</article>
<article class="district-zgz">
<h3 class="title">Bipartidismo</h3>
<p class="text">Resultados del bipartidismo por distrito desde 1989 hasta 2019.</p>
<p class="note">En las elecciones de 1996, 2011, 2015 y 2016 el Partido Popular iba en coalición con el PAR.</p>
</article>
<article class="district-zgz district-zgz-actur">
<h3 class="subtitle">Actur</h3>
<svg>
<g class="district-zgz-actur-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-aljaferia">
<h3 class="subtitle">Aljaferia</h3>
<svg>
<g class="district-zgz-aljaferia-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-casco">
<h3 class="subtitle">Casco Viejo</h3>
<svg>
<g class="district-zgz-casco-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-centro">
<h3 class="subtitle">Centro</h3>
<svg>
<g class="district-zgz-centro-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-delicias">
<h3 class="subtitle">Delicias</h3>
<svg>
<g class="district-zgz-delicias-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-las-fuentes">
<h3 class="subtitle">Las Fuentes</h3>
<svg>
<g class="district-zgz-las-fuentes-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-san-jose">
<h3 class="subtitle">San Jose</h3>
<svg>
<g class="district-zgz-san-jose-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-torrero">
<h3 class="subtitle">Torrero</h3>
<svg>
<g class="district-zgz-torrero-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-universidad">
<h3 class="subtitle">Universidad</h3>
<svg>
<g class="district-zgz-universidad-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-via-hispanidad">
<h3 class="subtitle">Vía Hispanidad</h3>
<svg>
<g class="district-zgz-via-hispanidad-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-zona-norte">
<h3 class="subtitle">Barrios Zona Norte</h3>
<svg>
<g class="district-zgz-zona-norte-container"></g>
</svg>
</article>
<article class="district-zgz district-zgz-zona-oeste">
<h3 class="subtitle">Barrios Zona Oeste</h3>
<svg>
<g class="district-zgz-zona-oeste-container"></g>
</svg>
</article>
<article class="district-zgz">
<h3 class="title">Aragonesismo</h3>
<p class="text">Resultados del Aragonesismo por distrito desde 1989 hasta 2019.</p>
<p class="note">En las elecciones de 1996, 2011, 2015 y 2016 el PAR iba en coalición con el PP. En las de 2011, 2015 y 2016 CHA iba en coalición con IU. En 2019 ninguno de estos dos partidos concurrió a las elecciones.</p>
</article>
<article class="district-zgz district-ara-actur">
<h3 class="subtitle">Actur</h3>
<svg>
<g class="district-ara-actur-container"></g>
</svg>
</article>
<article class="district-ara district-ara-aljaferia">
<h3 class="subtitle">Aljaferia</h3>
<svg>
<g class="district-ara-aljaferia-container"></g>
</svg>
</article>
<article class="district-ara district-ara-casco">
<h3 class="subtitle">Casco Viejo</h3>
<svg>
<g class="district-ara-casco-container"></g>
</svg>
</article>
<article class="district-ara district-ara-centro">
<h3 class="subtitle">Centro</h3>
<svg>
<g class="district-ara-centro-container"></g>
</svg>
</article>
<article class="district-ara district-ara-delicias">
<h3 class="subtitle">Delicias</h3>
<svg>
<g class="district-ara-delicias-container"></g>
</svg>
</article>
<article class="district-ara district-ara-las-fuentes">
<h3 class="subtitle">Las Fuentes</h3>
<svg>
<g class="district-ara-las-fuentes-container"></g>
</svg>
</article>
<article class="district-ara district-ara-san-jose">
<h3 class="subtitle">San Jose</h3>
<svg>
<g class="district-ara-san-jose-container"></g>
</svg>
</article>
<article class="district-ara district-ara-torrero">
<h3 class="subtitle">Torrero</h3>
<svg>
<g class="district-ara-torrero-container"></g>
</svg>
</article>
<article class="district-ara district-ara-universidad">
<h3 class="subtitle">Universidad</h3>
<svg>
<g class="district-ara-universidad-container"></g>
</svg>
</article>
<article class="district-ara district-ara-via-hispanidad">
<h3 class="subtitle">Vía Hispanidad</h3>
<svg>
<g class="district-ara-via-hispanidad-container"></g>
</svg>
</article>
<article class="district-ara district-ara-zona-norte">
<h3 class="subtitle">Barrios Zona Norte</h3>
<svg>
<g class="district-ara-zona-norte-container"></g>
</svg>
</article>
<article class="district-ara district-ara-zona-oeste">
<h3 class="subtitle">Barrios Zona Oeste</h3>
<svg>
<g class="district-ara-zona-oeste-container"></g>
</svg>
</article>
<h3 class="proyectos-title">Otros proyectos</h3>
<article class="proyectos">
<a href="https://casacaida.co" class="proyectos-element proyecto-9">
<h2 class="proyectos-element-title proyecto-9-text">LA CASA CAÍDA</h2>
<span class="proyectos-element-subtitle proyecto-9-text">[ DATAVIZ ]</span>
<p class="proyectos-element-text proyecto-9-text">Una visualización de datos sobre la evolución(despoblación) de la población a lo largo del último siglo en los municipios de Aragón.</p>
</a>
<a href="https://demasiadas.now.sh" class="proyectos-element proyecto-10">
<h2 class="proyectos-element-title proyecto-10-text">DEMASIADAS</h2>
<span class="proyectos-element-subtitle proyecto-10-text">[ DATAVIZ ]</span>
<p class="proyectos-element-text proyecto-10-text">Una visualización de datos sobre la violencia de género. Desde el año 2000 más de 1000 mujeres han sido asesinadas.</p>
</a>
<a href="https://vulturno.co" class="proyectos-element proyecto-8">
<h2 class="proyectos-element-title proyecto-8-text">VULTURNO</h2>
<span class="proyectos-element-subtitle proyecto-8-text">[ DATAVIZ ]</span>
<p class="proyectos-element-text proyecto-8-text">Una visualización de datos sobre la evolución de las temperatuas en 47 estaciones de la AEMET.</p>
</a>
<a href="https://bislai.co" class="proyectos-element proyecto-1">
<h2 class="proyectos-element-title proyecto-1-text">BISLAI </h2>
<span class="proyectos-element-subtitle proyecto-1-text">[ DATAVIZ - OPENDATA ]</span>
<p class="proyectos-element-text proyecto-1-text">Fiscalización de las mociones que presentan los grupos politicos en el Ayuntamiento de Zaragoza.</p>
</a>
<a href="https://forno.es" class="proyectos-element proyecto-2">
<h2 class="proyectos-element-title proyecto-2-text">FORNO</h2>
<span class="proyectos-element-subtitle proyecto-2-text">[ DATAVIZ ]</span>
<p class="proyectos-element-text proyecto-2-text">Una visualización de datos sobre como el cambio climático esta aumentando las temperaturas en la ciudad de Zaragoza.</p>
</a>
<a href="https://jorgeatgu.com/data-mestika" class="proyectos-element proyecto-4">
<h2 class="proyectos-element-title proyecto-4-text">DATA-MESTIKA</h2>
<span class="proyectos-element-subtitle proyecto-4-text">[ DATAVIZ ]</span>
<p class="proyectos-element-text proyecto-4-text">Una visualización de datos sobre todas las ofertas de trabajo ofertadas en Domestika a lo largo de 10 años.</p>
</a>
</article>
<script src="js/d3.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>