-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
537 lines (531 loc) · 42.5 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
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
<!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=Merriweather|Monoton|Roboto+Condensed:400,700|Yeseva+One&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<img class="header-image" src="img/portada-duotone.png">
</header>
<div class="burger">
<span></span>
</div>
<nav class="navegacion menu--inola">
<a href="#s07e01" class="navegacion-btn menu__item"><span class="menu__item-name">Los números uno</span></a>
<a href="#s07e02" class="navegacion-btn menu__item"><span class="menu__item-name">Pop Español</span></a>
<a href="#s07e03" class="navegacion-btn menu__item"><span class="menu__item-name">Girlpower</span></a>
<a href="#s07e04" class="navegacion-btn menu__item"><span class="menu__item-name">Cantautores</span></a>
<a href="#s07e05" class="navegacion-btn menu__item"><span class="menu__item-name">Infantil</span></a>
<a href="#s07e06" class="navegacion-btn menu__item"><span class="menu__item-name">La bola de cristal</span></a>
<a href="#s07e07" class="navegacion-btn menu__item"><span class="menu__item-name">Orgullo gay</span></a>
<a href="#torp-w" class="navegacion-btn menu__item"><span class="menu__item-name">TORP-W</span></a>
</nav>
<div class="overlay"></div>
<div class="header-text">
<h1 class="header-title">EL EFECTO CACHITOS</h1>
<p class="header-paragraph">En casa, tenemos la costumbre de ver Cachitos de Hierro y Cromo mientras vamos buscando algunos de los grupos que van saliendo en el programa, casi siempre acabamos en la gran Wikipedia(<span class="through">bailad</span> <a href="https://donate.wikimedia.org/w/index.php?title=Special:LandingPage&country=ES&uselang=es&utm_medium=donatewiki_page&utm_source=Ways_to_Give&utm_campaign=donate_now_btn">donad malditos</a>).</p>
<p class="header-paragraph">Así, que inspirándome en <a href="https://pudding.cool/2018/08/wiki-death/">Life After Death</a> on Wikipedia" de <a href="https://pudding.cool">Pudding</a>, he consultado las visitas que reciben las páginas de la Wikipedia de los grupos que salen en la séptima temporada. Estas visitas las he comparado con las que recibieron en los tres meses anteriores a la emisión. Una vez consultados los datos se puede decir que existe(captain obvius) el efecto Cachitos en la Wikipedia, lo único es que es desigual. Los artistas o grupos que son famosos apenas lo notan, en cambio, aquellos que han ido perdiendo su fama si que lo notan, y algunos con bastantes creces.</p>
</div>
<section id="s07e01" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">Números uno - s07e01</h3>
<p class="chart-text">Primer episodio de la séptima temporada. El de los números uno es el episodio en el que menos se nota el "efecto cachitos" ya que casi todos los artistas que salen siguen manteniendo su fama.</p>
<p class="chart-text">El primer capítulo de la temporada, 'Números Uno', intentará dar con la fórmula secreta para elaborar un éxito musical. Una hora repleta de los hits que coparon las listas de éxitos, desde los 60 a nuestros días, de 'El mundo' de Jimmy Fontana al 'Sin pijama' de Becky G.</p>
</section>
<section class="chart-container-full">
<select id="select-chapter-one"></select>
<article class="line-chapter-one line-chapters">
<svg class="chart">
<g class="line-chapter-one-container"></g>
</svg>
</article>
</section>
</section>
<section class="chart-separator torp">
<article class="torp-text-container">
<h3 class="chart-text-title">TORP-W - s07e01</h3>
<p class="chart-text">Aquí va el TORP-WIKI:</p>
<p class="chart-text">¿Qué artista aumento más sus visitas a lo largo de la emisión?</p>
</article>
<section class="chart-container-full">
<article class="torp-container">
<div class="torp-element">
<h3 class="torp-title">Sandro Giacobbe</h3>
<span class="torp-number">661%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-numeros-uno/5161847/?t=27m54s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Sandro_Giacobbe" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/3xec1BelrzOd6v0o8HRd2l?si=jzvxLeC4TaSdQuWx-YDu6A" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-two">
<h3 class="torp-title">Astrud</h3>
<span class="torp-number">635%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-numeros-uno/5161847/?t=56m43s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Astrud" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/2oK34l8bESFQO596RiDwnI?si=G8H_wUTBR9Omy1S7vQsQUw" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-three">
<h3 class="torp-title">Los Payos</h3>
<span class="torp-number">580%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-numeros-uno/5161847/?t=15m58s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Los_Payos" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/6y1b0YZufCb63Mnv3fnlBY?si=pJLZ3FlPR12Ov6kgvGTluw" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-four">
<h3 class="torp-title">Anita Ward</h3>
<span class="torp-number">436%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-numeros-uno/5161847/?t=39m08s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Anita_Ward" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/7GK2KVYH8FrTC9zehmjVMd?si=qHQTRo25TB-EtVY4487vlA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-five">
<h3 class="torp-title">Les Surfs</h3>
<span class="torp-number">436%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/v" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Les_Surfs" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
</article>
</section>
</section>
<section id="s07e02" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">POP ESPAÑOL - s07e02</h3>
<p class="chart-text">Un repaso a la música de los 90 y a los que triunfaron más y menos en el pop nacional, de Amistades Peligrosas a Alejandro Sanz, pasando por La Oreja de Van Gogh. Una década en la que el pop pisó muy fuerte y compartió fama con Curro, la mascota de la Expo del 92 y los Fruitis, los dibujos animados de TVE de la época.</p>
</section>
<section class="chart-container-full">
<select id="select-chapter-two"></select>
<article class="line-chapter-two line-chapters">
<svg class="chart">
<g class="line-chapter-two-container"></g>
</svg>
</article>
</section>
</section>
<section class="chart-separator torp">
<article class="torp-text-container">
<h3 class="chart-text-title">TORP-W - s07e02</h3>
<p class="chart-text">Aquí va el TORP-WIKI:</p>
<p class="chart-text">¿Qué artista aumento más sus visitas a lo largo de la emisión?</p>
</article>
<section class="chart-container-full">
<article class="torp-container">
<div class="torp-element">
<h3 class="torp-title">Los Romeos</h3>
<span class="torp-number">1927%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-pop-90s-espanol/5231498/?t=53m43s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Los_Romeos_(grupo_espa%C3%B1ol)" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/0ntb85YpCIdBat1i1B1LbZ?si=X9Uy6E0SS86mmdlU2lKKNQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-two">
<h3 class="torp-title">21 Japonesas</h3>
<span class="torp-number">1887%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-pop-90s-espanol/5231498/?t=53m05s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/21_Japonesas" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/0qhb8XrWfkULC950yoTXOv?si=cuxtJSnSQVy2nNsAF1tgDA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-three">
<h3 class="torp-title">Santisteban</h3>
<span class="torp-number">1500%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-pop-90s-espanol/5231498/?t=22m59s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/David_Santisteban" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/1JConl3K4U1zSG0r95Zh76?si=RIPblfFvTou7E9gWgaM5fQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-four">
<h3 class="torp-title">Greta y los Garbo</h3>
<span class="torp-number">1500%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-pop-90s-espanol/5231498/?t=06m08s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Greta_y_los_Garbo" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/7nv6BDQ3LwS9yKaJkaVH0R?si=ZivblAKdTxC2ESw95DytLQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-five">
<h3 class="torp-title">Tahúres Zurdos</h3>
<span class="torp-number">1381%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-pop-90s-espanol/5231498/?t=50m48s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Tahúres_Zurdos" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/6mwGYxVD8rzwc45Hde6OnP?si=S6iwUniwSQ-1RCCeSc5H2w" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
</article>
</section>
</section>
<section id="s07e03" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">GIRLPOWER - s07e03</h3>
<p class="chart-text">'Cachitos de hierro y cromo', quiere demostrar esta semana que la historia de la música no hubiera sido lo mismo sin el talento y el talante femenino.</p>
<p class="chart-text">A lo largo de la historia relegar a las mujeres en un segundo plano ha sido una constante. Y en la música moderna también ha existido esa falta de interés en reconocer su obra. Por eso ‘Cachitos’ bucea esta semana en el archivo de TVE en busca de aquellas mujeres que han escrito con notas moradas este pentagrama feminista que es "Cachitos Girl Power".</p>
<p class="chart-text">Un tracklist repleto de mujeres que fueron a contracorriente y revolucionaron la escena musical, reivindicaron la igualdad a través de sus canciones o formaron grupos sólo de mujeres. De Patti Smith a Rocío Jurado pasando por Gata Cattana y Spice Girls.</p>
</section>
<section class="chart-container-full">
<select id="select-chapter-three"></select>
<article class="line-chapter-three line-chapters">
<svg class="chart">
<g class="line-chapter-three-container"></g>
</svg>
</article>
</section>
</section>
<section class="chart-separator torp">
<article class="torp-text-container">
<h3 class="chart-text-title">TORP-W - s07e03</h3>
<p class="chart-text">Aquí va el TORP-WIKI:</p>
<p class="chart-text">¿Qué artista aumento más sus visitas a lo largo de la emisión?</p>
</article>
<section class="chart-container-full">
<article class="torp-container">
<div class="torp-element">
<h3 class="torp-title">Los Romeos</h3>
<span class="torp-number">833%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-esta-semanaa-cachitos-girl-power-rtvees/5247338/?t=35m33s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Los_Romeos_(grupo_espa%C3%B1ol)" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/371BSqxk1jXtam5Q2OTaHG?si=Noxs44mKTXOBXNisIlte6Q" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-two">
<h3 class="torp-title">Las Migas</h3>
<span class="torp-number">802%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-esta-semanaa-cachitos-girl-power-rtvees/5247338/?t=43m12s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Las_Migas_(banda)" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/7HTjU9JQBUSY6fHGMjQgPG?si=0TL3OYo6R0i9Zh8KkCqAaA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-three">
<h3 class="torp-title">Undershakers</h3>
<span class="torp-number">633%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-esta-semanaa-cachitos-girl-power-rtvees/5247338/?t=46m32s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Undershakers" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/5I2OJM6EhdtcuwpzPDVMcC?si=ayUpH5TDS9iTonCqDgBRag" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-four">
<h3 class="torp-title">Papá Levante</h3>
<span class="torp-number">588%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-esta-semanaa-cachitos-girl-power-rtvees/5247338/?t=28m39s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Papá_Levante" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/5BfHBnu6iR17T1cGeGWDiC?si=2-0VPVMWQuOSjre5USW_wA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-five">
<h3 class="torp-title">Vulpes</h3>
<span class="torp-number">550%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-esta-semanaa-cachitos-girl-power-rtvees/5247338/?t=22m24s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Vulpes_(banda)" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/6JXiqA1DhwFkgg9EpToPlw?si=fj2UPzjZTQaPgyx-Xz8dYA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
</article>
</section>
</section>
<section id="s07e04" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">CANTAUTORES - s07e04</h3>
<p class="chart-text">Los años sesenta del pasado siglo pusieron de moda a los cantautores con jersey y guitarra incorporados. Era la época de la canción protesta, pero, en realidad, cantantes autores de sus canciones siempre ha habido.</p>
</section>
<section class="chart-container-full">
<select id="select-chapter-four"></select>
<article class="line-chapter-four line-chapters">
<svg class="chart">
<g class="line-chapter-four-container"></g>
</svg>
</article>
</section>
</section>
<section class="chart-separator torp">
<article class="torp-text-container">
<h3 class="chart-text-title">TORP-W - s07e04</h3>
<p class="chart-text">Aquí va el TORP-WIKI:</p>
<p class="chart-text">¿Qué artista aumento más sus visitas a lo largo de la emisión?</p>
</article>
<section class="chart-container-full">
<article class="torp-container">
<div class="torp-element">
<h3 class="torp-title">Javier Álvarez</h3>
<span class="torp-number">1939%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-cantautores-espanoles-verso-verso/5261097/?t=25m50s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Javier_Álvarez_(cantautor)" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/56VPtXtiYu0YaFbKsDjTzB?si=EJoQf8gASo-dq5f49-1YgA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-two">
<h3 class="torp-title">Andrés do Barro</h3>
<span class="torp-number">1851%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-cantautores-espanoles-verso-verso/5261097/?t=03m36s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Andrés_do_Barro" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/52O7nJT0bBQj8wiX0KKCk9?si=_9Im1iJcRRK0gxEIGhVinQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-three">
<h3 class="torp-title">Chenta Tsai</h3>
<span class="torp-number">721%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-cantautores-espanoles-verso-verso/5261097/?t=30m03s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Chenta_Tsai" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/3nUHxleuIMVyXLtc2TQBbl?si=PlaKiELRTbaokRHQ9VjUcg" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-four">
<h3 class="torp-title">Francisco Nixon</h3>
<span class="torp-number">628%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-cantautores-espanoles-verso-verso/5261097/?t=41m24s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Francisco_Nixon" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/1kaKYZM7rkoJQKzVavjUnc?si=DxqhP83ERGuJc8fwacWY-Q" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-five">
<h3 class="torp-title">Tontxu</h3>
<span class="torp-number">600%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-cantautores-espanoles-verso-verso/5261097/?t=19m59s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Tontxu" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/5KXEKsMdSEnEpWA2fovZ1o?si=O2-WwArBQreVUzsyCqo8Fg" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
</article>
</section>
</section>
<section id="s07e05" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">INFANTIL - s07e05</h3>
<p class="chart-text">Repasamos la banda sonora de nuestra más tierna infancia: Chiripitifláuticos, Rosa León, Bom Bom Chip o Espinete… Grupos y solistas, más o menos humanos, que marcaron nuestra propia historia.</p>
</section>
<section class="chart-container-full">
<select id="select-chapter-five"></select>
<article class="line-chapter-five line-chapters">
<svg class="chart">
<g class="line-chapter-five-container"></g>
</svg>
</article>
</section>
</section>
<section class="chart-separator torp">
<article class="torp-text-container">
<h3 class="chart-text-title">TORP-W - s07e05</h3>
<p class="chart-text">Aquí va el TORP-WIKI:</p>
<p class="chart-text">¿Qué artista aumento más sus visitas a lo largo de la emisión?</p>
</article>
<section class="chart-container-full">
<article class="torp-container">
<div class="torp-element">
<h3 class="torp-title">Chantal Goya</h3>
<span class="torp-number">1400%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-infantil/5274298/?t=54m45s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Chantal_Goya" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/7q4rIt4b4Mbyv576nUOk89?si=JOYblAaIRmCMef7bMIe16g" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-two">
<h3 class="torp-title">Torrebruno</h3>
<span class="torp-number">893%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-infantil/5274298/?t=27m43s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Torrebruno" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/0jKnAHTNLmSSBo1RNkpfCq?si=QMk7NyZGRAKkEys1iEadUA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-three">
<h3 class="torp-title">Teresa Rabal</h3>
<span class="torp-number">729%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-infantil/5274298/?t=29m22s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Teresa_Rabal" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/2zdtXo1mxJFFzm031q3JGh?si=G5pEV5G2Su6LOTFRaZ7iWA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-four">
<h3 class="torp-title">Enrique y Ana</h3>
<span class="torp-number">489%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-infantil/5274298/?t=26m09s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Enrique_y_Ana" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/6IyaeNvBJHZsiPcoL79AJg?si=g5G2z7t1St-UyURkjvZfUA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-five">
<h3 class="torp-title">Regaliz</h3>
<span class="torp-number">275%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-infantil/5274298/?t=08m52s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Regaliz_(banda)" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/0E3ni5rZRloh03lsfP9d5V?si=rN6sDaQeT5y04ayP52vh1g" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
</article>
</section>
</section>
<section id="s07e06" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">LA BOLA DE CRISTAL - s07e06</h3>
<p class="chart-text">Sólo estuvo en antena cuatro años, pero dejó una huella imborrable en una generación de humanoides a los que hoy se les erizan los baudios con tan solo recordar su sintonía.</p>
</section>
<section class="chart-container-full">
<select id="select-chapter-six"></select>
<article class="line-chapter-six line-chapters">
<svg class="chart">
<g class="line-chapter-six-container"></g>
</svg>
</article>
</section>
</section>
<section class="chart-separator torp">
<article class="torp-text-container">
<h3 class="chart-text-title">TORP-W - s07e06</h3>
<p class="chart-text">Aquí va el TORP-WIKI:</p>
<p class="chart-text">¿Qué artista aumento más sus visitas a lo largo de la emisión?</p>
</article>
<section class="chart-container-full">
<article class="torp-container">
<div class="torp-element">
<h3 class="torp-title">Alphaville</h3>
<span class="torp-number">1840%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-bola-cristal/5286206/?t=52m20s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Alphaville_(banda_española)" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/0eG9Kp2zWPfyHmis4S7x6c?si=L-MLyUzKQC-70LtQf0Hc4A" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-two">
<h3 class="torp-title">Sindicato Malone</h3>
<span class="torp-number">1566%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-bola-cristal/5286206/?t=31m11s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Sindicato_Malone" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/4X2BI9XLkDzBPiPt0vaQAZ?si=JJR5uX2QS9maplKL4wMxoQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-three">
<h3 class="torp-title">Santiago Auserón</h3>
<span class="torp-number">1173%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-bola-cristal/5286206/?t=33m39s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Santiago_Auserón" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/5bbHuQCs38hDqjyGkraKY4?si=fFC1gLCPQ_Kogi8HFeYxOw" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-four">
<h3 class="torp-title">Alarma!!!</h3>
<span class="torp-number">983%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-bola-cristal/5286206/?t=48m20s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Alarma!!!" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/4ru7QG2oeKf4nC5nsMwOn4?si=-IL1T6UWSlOKRerCzXKkLQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-five">
<h3 class="torp-title">Germán Coppini</h3>
<span class="torp-number">743%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-bola-cristal/5286206/?t=41m21s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Germán_Coppini" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/6pHDNEmHcXVkmwI9b7iRfJ?si=WYjS9t4LTAy420Q_xS4mlg" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
</article>
</section>
</section>
<section id="s07e07" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">ORGULLO GAY - s07e07</h3>
<p class="chart-text">El papel de la música es clave en todos los movimientos por los derechos civiles y con los derechos LGTB+ ha sucedido igual. Hoy presentamos un Cachitos lleno de mujeres y hombres que nos dijeron que podíamos volar, un programa que demuestra que, sin canciones, no hay revolución.</p>
</section>
<section class="chart-container-full">
<select id="select-chapter-seven"></select>
<article class="line-chapter-seven line-chapters">
<svg class="chart">
<g class="line-chapter-seven-container"></g>
</svg>
</article>
</section>
</section>
<section class="chart-separator torp">
<article class="torp-text-container">
<h3 class="chart-text-title">TORP-W - s07e07</h3>
<p class="chart-text">Aquí va el TORP-WIKI:</p>
<p class="chart-text">¿Qué artista aumento más sus visitas a lo largo de la emisión?</p>
</article>
<section class="chart-container-full">
<article class="torp-container">
<div class="torp-element">
<h3 class="torp-title">Pedro Marín</h3>
<span class="torp-number">2982%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-arcoiris-especial-orgullo-gay/5298278/?t=43m39s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Pedro_Marín" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/6IdYKRsD38ukYjoD1Fwz3V?si=lwavGcV7Q1Giy4dsHxa_Hg" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-two">
<h3 class="torp-title">Rafael Conde</h3>
<span class="torp-number">1213%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-arcoiris-especial-orgullo-gay/5298278/?t=19m49s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Rafael_Conde" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/4r3mC1ZkmGsylt10kHSszc?si=5okUrGVwQOyrE-L8qe8BDQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-three">
<h3 class="torp-title">Paco Clavel</h3>
<span class="torp-number">1055%</span>
<a target="_blank" href="https://es.wikipedia.org/wiki/Paco_Clavel" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
</div>
<div class="torp-element torp-four">
<h3 class="torp-title">Shirley Bassey</h3>
<span class="torp-number">1018%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-arcoiris-especial-orgullo-gay/5298278/?t=52m04s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Shirley_Bassey" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/7KarW18mqK87nTQc4QrVvk?si=G7M_eBDMQ0CxtjuCnvEhBA" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
<div class="torp-element torp-five">
<h3 class="torp-title">Amanda Lear</h3>
<span class="torp-number">756%</span>
<a target="_blank" href="http://www.rtve.es/alacarta/videos/cachitos-de-hierro-y-cromo/cachitos-hierro-cromo-arcoiris-especial-orgullo-gay/5298278/?t=12m28s" class="torp-rtve torp-btn">CACHITOS</a>
<a target="_blank" href="https://es.wikipedia.org/wiki/Amanda_Lear" class="torp-wikipedia torp-btn">WIKIPEDIA</a>
<a target="_blank" href="https://open.spotify.com/track/6FhvgUO8AdS7LbP7Lbf8FN?si=MYKAsr1vRGurHUk3rOyxgQ" class="torp-spotify torp-btn">SPOTIFY</a>
</div>
</article>
</section>
</section>
<section id="torp-w" class="chart-separator">
<section class="chart-text-container">
<h3 class="chart-text-title">TORP-W 70</h3>
<p class="chart-text">El TORP-W con los mayores aumentos de visitas que han recibido los diferentes artistas que han salido en el programa.</p>
</section>
<section class="chart-container-full">
<article class="chart-torp-bar-horizontal">
<svg>
<g class="chart-torp-bar-horizontal-container"></g>
</svg>
</article>
</section>
</section>
<h3 class="proyectos-title">Metodología</h3>
<article class="metodology-container">
<p class="chart-text">Los listados de artistas que aparecen en cada uno de los episodios los he conseguido a través de las listas de Spotify. Los datos de la API de Spotify están en la carpeta spotify-data.</p>
<p class="chart-text">Los datos de visitas a cada una de las páginas los he conseguido a través de la API de Wikipedia. Las visitas son de mobile-web, mobile-app y desktop. La horquilla de tiempo comienza tres meses antes de que se emita cada episodio, y va hasta una semana después. El promedio de visitas lo he calculado con todos los días a excepción del día en que se emite el programa. Todos los datos están en la carpeta wikipedia-data, y están separados por capítulo. En el interior de cada carpeta están los scripts de BASH que he utilizado para ir generando los datasets. También están disponibles los JSON y CSV que se han ido generando.</p>
<p class="chart-text">Hay que tener en cuenta que algunos artistas no tienen página en la Wikipedia. Así que algunos se han quedado fuera.</p>
</article>
<h3 class="proyectos-title">Créditos</h3>
<article class="metodology-container">
<p class="chart-text">La foto de la portada es de <a href="https://www.flickr.com/photos/euthman/1843060455/">Ed Uthman</a>.</p>
<p class="chart-text">Esta visualización esta inspirada en <a href="https://pudding.cool/2018/08/wiki-death/">Life After Death</a> on Wikipedia" de <a href="https://pudding.cool">Pudding</a>.</p>
<p class="chart-text">El background de los TORP lo he sacado de <a href="https://www.svgbackgrounds.com/">SVGBackgrounds</a>.</p>
<p class="chart-text">Las descripciones de los capítulos están copiadas tal cual de la web de Cachitos. No me da pa'más.</p>
</article>
<h3 class="proyectos-title">Otros proyectos</h3>
<article class="proyectos">
<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://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://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://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://28a-zaragoza.now.sh" class="proyectos-element proyecto-12">
<h2 class="proyectos-element-title proyecto-12-text">ELECCIONES 28A - 2019</h2>
<span class="proyectos-element-subtitle proyecto-12-text">[ DATAVIZ ]</span>
<p class="proyectos-element-text proyecto-12-text">Una visualización de datos con los votos a cada una de las secciones censales de la ciudad 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>
<footer class="footer">
<div class="metodology-container">
<p class="footer-texto">Hecho en Zaragoza con mucha maña por un <a class="footer-links" href="http://jorgeatgu.com" target="_blank">maño</a> - MMXIX</p>
<p class="footer-texto">Cualquier consulta escribid a: data@jorgeatgu.com</p>
<a class="footer-links" href="https://github.com/jorgeatgu/wiki-cachitos">Todo el código y datos está disponible en GitHub</a>
</div>
</footer>
<script src="js/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.18.7/slimselect.min.js"></script>
<script type="module" src="js/index.js"></script>
</body>
</html>