-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (105 loc) · 7.58 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>Las notas de Barcenas #AdoptaUnCorrupto</title>
<meta http-equiv="content-type" content="text/html"/>
<meta name="description" content="archiving thoughts and images" />
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/libs/bootstrap.min.css" />
</head>
<body>
<div id="fb-root"></div>
<div class="container">
<div class="">
<div class="share pull-right">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://numeroteca.org/notasbarcenas" data-text="Contabilidad b del PP según las notas de Bárcenas #AdoptaUnCorrupto" data-via="numeroteca" data-lang="es">Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<h3>Contabilidad b del PP según las notas de Bárcenas #AdoptaUnCorrupto</h3>
<div id="description">
<p>Datos realizado con los datos de <a href="http://bit.ly/notasbarcenas">#AdoptaUnCorrupto</a> y <a href="http://querellabarcenas.org/">#QuerellaBárcenas</a><br>
Explora el gráfico y descubre quién hay detrás de cada <span style="background-color:#0055D4;width:50px;height:50px;border-radius: 25px;"> </span> entrada (donantes) o <span style="background-color:#C00000;width:50px;height:50px;border-radius: 25px;"> </span> salida (beneficiarios) de dinero en los diferentes modos de visualización.</p>
</div>
<ul class="nav nav-tabs">
<li id="circulos" class="active"><a href="#"><img src="img/circles.png"> Círculos / tiempo</a></li>
<li id="contiempo"><a href="#"><img src="img/bars-time.png"> Barras / tiempo</a></li>
<li id="contiemposaldo"><a href="#"><img src="img/saldo.png"> Saldo Anotado vs Calculado</a></li>
<li id="sintiempo"><a href="#"><img src="img/bars.png"> Barras</a></li>
</ul>
<div id="vis"></div>
<div id="legend">Leyenda <span class="btn btn-default btn-xs donante">Donante</span> <span class="btn btn-default btn-xs beneficiario">Beneficiario</span> <span class="btn btn-default btn-xs donabenef">Donante y Beneficiario</span><span class="btn btn-default btn-xs ingresossuiza">Ingresos Bárcenas en Suiza</span></div>
<div id="legendnotime">Leyenda <span class="btn btn-default btn-xs donante">Donante</span> <span class="btn btn-default btn-xs beneficiario">Beneficiario</span> <span class="btn btn-default btn-xs donabenef">Donante y Beneficiario</span></div>
<div id="legendcirculos">Leyenda <span class="btn btn-default btn-xs donante">Donante</span> <span class="btn btn-default btn-xs beneficiario">Beneficiario</span> <span class="btn btn-default btn-xs donabenef">Donante y Beneficiario</span><span class="btn btn-default btn-xs ingresossuiza">Ingresos Bárcenas en Suiza</span></div>
<div class="page-footer">
<p>Visualización por <a href="http://twitter.com/numeroteca">@numeroteca</a> | <a href="http://numeroteca.org">numeroteca.org</a>. Puedes sugerir, reutilizar y mejorar esta visualización (código disponible) en <a href="http://github.com/numeroteca/notasbarcenas">http://github.com/numeroteca/notasbarcenas</a>.</p>
<p><strong>Otras visualizaciones:</strong> Estoy recopilando otras visualizaciones sobre este mismo tema en <a href="http://pinterest.com/numeroteca/visualizaci%C3%B3n-de-datos-corrupci%C3%B3n/">Pinterest/Visualización de datos: Corrupción </a>. Envíame tus sugerencias.</p>
<p><strong>Aproximación:</strong> Cuando la nota no indicaba día del mes, se ha aproximado y se ha puesto el día 15 de ese mes.<br>
Si no indicaba año, se ha incluido la cantidad en el año de la hoja donde estaba anotado (valores sin fecha a principios de 2002 se les ha asignado el 15 de mayo de 2002).</p>
<p>Para saber quién es quién <a href="http://www.elmundo.es/elmundo/2013/07/30/espana/1375171095.html">http://www.elmundo.es/elmundo/2013/07/30/espana/1375171095.html</a><br></p>
<h4>Datos</h4>
<p><a href="https://es.wikipedia.org/wiki/Anexo:Elecciones_en_Espa%C3%B1a#Elecciones_auton.C3.B3micas">Días de elecciones en España (Wikipedia)</a>.<br>
Entradas y salidas de dinero de la <a href="http://bit.ly/notasbarcenas">hoja de cálculo de #AdoptaUnCorrupto</a>, extraídos a su vez de El País, El Mundo y ABC.</p>
<h3>Imágenes</h3>
<p>Unos cuantos pantallazos, para facilitar el tuiteo (aunque cada vez que se recarga la página se genera un dibujo de círculos diferente):</p>
<div class="row">
<div class="col-md-3">
Donantes y beneficiarios
<a href="img/circles-a.png"><img src="img/circles-a.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Donantes y beneficiarios
<a href="img/circles-a-rato-detalle.png"><img src="img/circles-a-rato-detalle.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Beneficiarios
<a href="img/circles-a-beneficiarios.png"><img src="img/circles-a-beneficiarios.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Donantes
<a href="img/circles-a-donantes.png"><img src="img/circles-a-donantes.png" class="img-responsive"></a>
</div>
</div>
<div class="row" style="margin-top:30px">
<div class="col-md-3">
Donantes e ingresos en Suiza
<a href="img/circles-a-donantes-ingresossuiza.png"><img src="img/circles-a-donantes-ingresossuiza.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Donantes e ingresos en Suiza
<a href="img/circles-a-donantes-ingresossuiza-detalle.png"><img src="img/circles-a-donantes-ingresossuiza-detalle.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Donantes y beneficiarios
<a href="img/bars-a.png"><img src="img/bars-a.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Donantes e ingresos en Suiza
<a href="img/bars-a-donantes-ingresossuiza.png"><img src="img/bars-a-donantes-ingresossuiza.png" class="img-responsive"></a>
</div>
</div>
<div class="row" style="margin-top:30px">
<div class="col-md-3">
Diferencia entre saldo calculado y saldo anotado
<a href="img/bars-saldo-a.png"><img src="img/bars-saldo-a.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Diferencia entre saldo calculado y saldo anotado
<a href="img/bars-saldo-a-diferencia.png"><img src="img/bars-saldo-a-diferencia.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Correlaciones entre donaciones e ingresos en Suiza
<a href="img/correlaciones-donaciones-ingresossuiza.png"><img src="img/correlaciones-donaciones-ingresossuiza.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
Mariano Rajoy: sobres y tiempo en el gobierno
<a href="img/mariano-rajoy.png"><img src="img/mariano-rajoy.png" class="img-responsive"></a>
Javier Arenas: sobres y tiempo en el gobierno
<a href="img/javier-arenas.png"><img src="img/javier-arenas.png" class="img-responsive"></a>
</div>
</div>
</div>
<script src="js/d3.v3.min.js"></script>
<script src="js/dataviz.js"></script>
</body>
</html>