-
Notifications
You must be signed in to change notification settings - Fork 4
/
index-time.html
173 lines (172 loc) · 10 KB
/
index-time.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
<!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>Tarjetas Black en 24h: Gráfico de gastos de los directivos y consejeros de Caja Madrid y Bankia | numeroteca.org</title>
<meta http-equiv="content-type" content="text/html"/>
<meta name="description" content="archiving thoughts and images" />
<meta charset="utf-8">
<!-- generic meta -->
<meta content="numeroteca" name="author" />
<meta name="title" content="Tarjetas Black: Gráfico de gastos de los directivos de Caja Madrid y Bankia por hora del día | numeroteca.org" />
<meta content="Gráfico para explicar cómo y en qué se gastaron 15 millones de euros los directivos y consejeros de Caja Madrid y Bankia." />
<meta content="corrupción, corruption, Bankia, Caja Madrid" name="keywords" />
<!-- facebook meta -->
<meta property="og:title" content="Tarjetas Black: Cómo se lo gastaron por hora del día" />
<meta property="og:type" content="article" />
<meta property="og:description" content="Gráfico para explicar cómo y en qué se gastaron 15 millones de euros los directivos y consejeros de Caja Madrid y Bankia." />
<meta content="corrupción, corruption, Bankia, Caja Madrid" />
<meta property="og:url" content="http://numeroteca.org/tarjetasblack" />
<!-- twitter meta -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@numeroteca">
<meta name="twitter:title" content="Tarjetas Black: Cómo se lo gastaron por hora del día" />
<meta name="twitter:description" content="Gráfico para explicar cómo y en qué se gastaron 15 millones de euros los directivos y consejeros de Caja Madrid y Bankia." />
<meta name="twitter:creator" content="@numeroteca">
<meta name="twitter:image:src" content="http://numeroteca.org/tarjetasblack/img/tarjeta-black-horas-del-dia.png">
<meta property="twitter:account_id" content="1494951285" />
<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 main-container">
<div class="share pull-right">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://numeroteca.org/tarjetasblack" data-text="Visualización de datos de los gastos con las #TarjetasBlack en Caja Madrid y Bankia" 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>
<h1>¿Cómo se gastaron las Tarjetas Black los directivos de Caja Madrid y Bankia?</h1>
<a href="historias.html"><button type="button" class="btn btn-danger pull-right"><span class="glyphicon glyphicon-eye-open"></span> Historias a partir de este gráfico</button></a>
<a href="index.html"><button type="button" class="btn btn-info pull-right"><span class="glyphicon glyphicon-calendar"></span> ¿En qué días se gastaron el dinero?</button></a>
<div id="description">
<p>En qué se gastaron los exdirectivos y consejeros 15 millones de euros. <br>Datos de los informes del FROB a la Fiscalía Anticorrrupción <a href="http://elpais.com/especiales/2014/tarjetas-opacas-caja-madrid/">publicados en El País</a>.<br>
</div>
<div id="legend">Personas: </div><small><div id="legendcosas">Tipo de gasto: </div></small>
<div id="vis"></div>
<div class="page-footer">
<p>Visualización realizada por <a href="http://twitter.com/numeroteca">@numeroteca</a> | <a href="http://numeroteca.org">numeroteca.org</a>.<br>
Código disponible en <a href="https://github.com/numeroteca/tarjetasblack">https://github.com/numeroteca/tarjetasblack</a>. Colabora, comenta, participa.<br>
Si quieres saber más lee el post <a href="http://numeroteca.org/2014/10/14/por-que-no-hay-mejores-visualizaciones-de-datos-en-la-prensa-espanola-tarjetasblack/">¿Por qué no hay mejores visualizaciones de datos en la prensa española?</a></p>
</div>
<h3>Imágenes</h3>
<div id="imagenes">
<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">
<a href="img/tarjeta-black-visualizacion-gasto-bankia-caja-madrid-numeroteca-2014.png"><img src="img/tarjeta-black-visualizacion-gasto-bankia-caja-madrid-numeroteca-2014.png" class="img-responsive"></a>
<small>Todos los gastos a la vez</small>
</div>
<div class="col-md-3">
<a href="img/tarjeta-black-miguel-blesa-c.png"><img src="img/tarjeta-black-miguel-blesa-c.png" class="img-responsive"></a>
<small>Miguel Blesa</small>
</div>
<div class="col-md-3">
<a href="img/tarjeta-black-general-d.png">
<img src="img/tarjeta-black-general-d.png" class="img-responsive">
</a>
<small>Todos los gastos juntos</small>
</div>
<div class="col-md-3">
<a href="img/tarjeta-black-mes-opaco-de-tarjetas-opacas-febrero-2009.png">
<img src="img/tarjeta-black-mes-opaco-de-tarjetas-opacas-febrero-2009.png" class="img-responsive">
</a>
<small><a href="http://cincodias.com/cincodias/2014/10/14/mercados/1413309412_543052.html">Sin rastro de los 360.000 euros perdidos en febrero de 2009 (Noticia en <em>Cinco Días</em>. 15 octubre 2014)</a></small>
</div>
</div>
<div class="row">
<div class="col-md-3">
<a href="img/tarjeta-black-miguel-blesa-ultimo-dia-b.png">
<img src="img/tarjeta-black-miguel-blesa-ultimo-dia-b.png" class="img-responsive">
</a>
<small>El día en que Rodrigo Rato fue nombrado presidente
Miguel Blesase compró algo en El Corte Inglés</small>
</div>
<div class="col-md-3">
<a href="img/tarjeta-black-ricardo-morado-iglesias-c.png">
<img src="img/tarjeta-black-ricardo-morado-iglesias-c.png" class="img-responsive">
</a>
<small>Un verano a Ricardo Morado Iglesias se le olvidó ser opaco: compró un viaje y unas joyas.</small>
</div>
<div class="col-md-3">
<a href="img/tarjeta-estanislao-rodriguez-ponga-a.png">
<img src="img/tarjeta-estanislao-rodriguez-ponga-a.png" class="img-responsive">
</a>
<small>A Estanislao Rodríguez-Ponga se le juntaban <br>casi todas las compras en navidades.</small>
</div>
<div class="col-md-3">
<a href="img/tarjeta-black-carmen-contreras-c.png">
<img src="img/tarjeta-black-carmen-contreras-c.png" class="img-responsive">
</a>
<small>Carmen Contreras era también previsible: cada verano Hotel Barrosa Park (Chiclana).</small>
</div>
</div>
<div class="row">
<div class="col-md-3">
<small>Miguel Blesa</small>
<a href="img/tarjeta-black-miguel-blesa-a.png"><img src="img/tarjeta-black-miguel-blesa-a.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
<small>Miguel Blesa (zoom)</small>
<a href="img/tarjeta-black-miguel-blesa-b.png"><img src="img/tarjeta-black-miguel-blesa-b.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
<small>Rodrigo Rato</small>
<a href="img/tarjeta-black-rodrigo-rato-a.png"><img src="img/tarjeta-black-rodrigo-rato-a.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
<small>Rodrigo Rato (zoom)</small>
<a href="img/tarjeta-black-rodrigo-rato-b.png"><img src="img/tarjeta-black-rodrigo-rato-b.png" class="img-responsive"></a>
</div>
</div>
<div class="row" style="margin-top:30px">
<div class="col-md-3">
<small>General</small>
<a href="img/tarjeta-black-general-a.png"><img src="img/tarjeta-black-general-a.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
<small>General (zoom)</small>
<a href="img/tarjeta-black-general-b.png"><img src="img/tarjeta-black-general-b.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
<small>Ricardo Moratín Iglesias</small>
<a href="img/tarjeta-black-ricardo-moratin-iglesias-a"><img src="img/tarjeta-black-ricardo-moratin-iglesias-a.png" class="img-responsive"></a>
</div>
<div class="col-md-3">
<small>Ricardo Moratín Iglesias (zoom)</small>
<a href="img/tarjeta-black-ricardo-moratin-iglesias-b.png"><img src="img/tarjeta-black-ricardo-moratin-iglesias-b.png" class="img-responsive"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/d3.v3.min.js"></script>
<script src="js/dataviz-time.js"></script>
<!-- Simple Google Analytics Begin -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount','UA-26717728-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Simple Google Analytics End -->
<!-- *** WP-Piwik - see http://wordpress.org/extend/plugins/wp-piwik/ ******** -->
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://stats.montera34.com/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 2]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';
g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Piwik Code -->
</body>
</html>