-
Notifications
You must be signed in to change notification settings - Fork 1
/
datos.html
288 lines (255 loc) · 15.6 KB
/
datos.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
<html>
<head>
<meta charset="utf-8">
<title>Datos | Los nuevos habitantes de la España Vacía</title>
<link rel="stylesheet" href="styles/index.css">
<link rel="stylesheet" href="styles/visualizaciones.css">
<meta name="viewport" content="width=device-width">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300|Source+Sans+Pro:900" rel="stylesheet">
</head>
<body>
<div class="section-container">
<h1>Los nuevos habitantes de la España Vacía</h1>
</div>
<div class="menu">
<div class="header-content">
<button id="btn-menu" class="btn-menu" type="button" name="button">
<img class="btn-menu-img" src="images/icon-menu.png" alt="Icono selección menú">
</button>
<div>
<ul class="nav">
<li class="nav-item "><a class="nav-link" href="index.html">Intro</a></li>
<li class="nav-item nav-item-active"><a class="nav-link nav-link-active" href="datos.html">Datos</a></li>
<li class="nav-item"><a class="nav-link" href="reportajes.html">Reportajes</a></li>
<li class="nav-item "><a class="nav-link" href="About.html">Equipo</a></li>
</ul>
</div>
<div class="submenu">
<ul class="submenu-data">
<li class="submenu-data-items"><a class="submenu-data-links" href="#datos">¿Cuántos son?</a></li>
<li class="submenu-data-items"><a class="submenu-data-links" href="#de-donde">¿De dónde vienen?</a></li>
<li class="submenu-data-items"><a class="submenu-data-links" href="#donde">¿Dónde están?</a></li>
<li class="submenu-data-items"><a class="submenu-data-links" href="#cuando">¿Cuándo llegaron?</a></li>
</ul>
</div>
</div>
<div id="menu-small" class="menu-small-content">
<div class="btn-container">
<button id="btn-menu-close" class="btn-menu-close" type="button" name="button">
<img class="btn-menu-close-img" src="images/icon-close-menu.png" alt="Icono selección menú">
</button>
</div>
<ul class="nav-small">
<li class="nav-small-item"><a class="nav-small-link" href="index.html">Home</a></li>
<li class="nav-small-item">
<a id="btn-subnav-data" class="nav-small-link subnav-a" href="#">Datos<img id ="subnav-data-img" class="subnav-a-img"src="images/icon-expand.png" alt="Icono abrir"></a>
<ul id="sub-nav-data" class="sub-nav">
<li class="subnav-items"><a class="subnav-links" href="datos.html#datos">Cuantos son</a></li>
<li class="subnav-items"><a class="subnav-links" href="datos.html#de-donde">¿De dónde vienen?</a></li>
<li class="subnav-items"><a class="subnav-links" href="datos.html#donde">¿Dónde están?</a></li>
<li class="subnav-items"><a class="subnav-links" href="datos.html#cuando">¿Cuándo llegaron?</a></li>
</ul>
</li>
<li class="nav-small-item">
<a id="btn-subnav-tes" class="nav-small-link subnav-a" href="#">Reportajes<img id ="subnav-tes-img" class="subnav-a-img"src="images/icon-expand.png" alt="Icono abrir"></a>
<ul id="sub-nav-tes" class="sub-nav">
<li class="subnav-items"><a class="subnav-links" href="reportaje1.html">Rumanos</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje2.html">Marroquíes</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje3.html">Latinoamericanos</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje4.html">Multiculturalidad</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje5.html">Búlgaros</a></li>
<li class="subnav-items"><a class="subnav-links" href="reportaje6.html">Entrevista</a></li>
</ul>
</li>
<li class="nav-small-item"><a class="nav-small-link" href="About.html">Equipo</a></li>
</ul>
</div>
</div>
<div class="container">
<div id="datos">
<a class="anchor" name="datos"></a>
<article class="box-article">
<h2>Lo que nos cuentan los datos</h2>
<hr>
<p>
La España Vacía es la España interior, rural y despoblada, que se extiende por las dos Castillas, Aragón,
Extremadura y La Rioja. La llamamos vacía por su baja densidad de población, por el proceso
de abandono en el que se encuentran muchos de sus pueblos, pero la realidad es que no está
tan vacía, de hecho, hoy cuenta con más habitantes que hace veinte años. Aunque hay provincias
que efectivamente han perdido población, si miramos el conjunto de todos los territorios que
conforman la España Vacía, hoy viven en ella casi medio millón más de personas que en 1996.
La población en la España Vacía creció un 7% en los últimos años, un crecimiento pequeño si
se compara con el resto del país, pero crecimiento al fin y al cabo.
</p>
<p>
El dato más revelador es que la totalidad de esos nuevos habitantes son personas que han nacido fuera
de nuestro país, de hecho, durante esos mismos veinte años la población nacional ha decrecido.
Es decir, la España Vacía no está tan vacía unicamente gracias a la llegada de personas extranjeras.
</p>
<p>
En la actualidad, 9 de cada 100 habitantes de la España Vacía nació en el extranjero.
</p>
<p style="text-align:center"><span style="background-color:#f9a729">Nacidos en España</span> | <span style="background-color:#5fbb68">Nacidos en el extranjero</span></p>
<div class="viz">
<iframe style="border: 0px;" src="https://public.tableau.com/views/Proporcinespaolesyextranjeros_1996-2016_Grafico0_ESCRITORIO/Dashboard1?:showVizHome=no&:embed=true"
width="100%" class="tableau-responsive" height="200px" scrolling="no"></iframe>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
<p>
La España Vacía no es una, sino que hay regiones y velocidades distintas. Si analizamos cómo ha variado
la población española y extranjera entre 1996 y 2016, vemos que la llegada de migrantes cambia
según la provincia. ¿Dónde crecen más los extranjeros que los nacionales? ¿Dónde crecen por
igual? ¿La llegada de extranjeros cubre la pérdida de habitantes españoles?
</p>
<p>En las provincias de Cuenca, Soria y Teruel, la llegada de migrantes ha compensando la pérdida
de población española en las dos últimas décadas.
</p>
</P>
<p style="text-align:center"><span style="background-color:#f9a729">Nacidos en España</span> | <span style="background-color:#5fbb68">Nacidos en el extranjero</span></p>
<div class="viz">
<iframe style="border: 0px;" src="https://public.tableau.com/views/vacia_espana/Dashboard13?:showVizHome=no&:embed=true"
width="100%" class="tableau-responsive" height="300px" scrolling="no"></iframe>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
<p>
En regiones como Huesca, Burgos, Segovia y Ciudad Real la llegada de extranjeros duplica la pérdida de
nacionales.
</p>
<div class="viz">
<iframe style="border: 0px;" src="https://public.tableau.com/views/vacia_espana/Dashboard12?:showVizHome=no&:embed=true"
width="100%" class="tableau-responsive" height="300px" scrolling="no"></iframe>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
<p>También hay provincias mucho más dinámicas como Toledo o Zaragoza donde la población tanto nacional
como extranjera ha crecido ampliamente.
</p>
<div class="viz">
<iframe style="border: 0px;" src="https://public.tableau.com/views/vacia_espana/Dashboard9?:showVizHome=no&:embed=true"
width="100%" class="tableau-responsive" height="300px" scrolling="no"></iframe>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
<p>
En Zamora, León o Palencia, la llegada de extranjeros apenas cubre la pérdida de habitantes nacionales
en la provincia.
</p>
<div class="viz">
<iframe style="border: 0px;" src="https://public.tableau.com/views/vacia_espana/Dashboard11?:showVizHome=no&:embed=true"
width="100%" class="tableau-responsive" height="300px" scrolling="no"></iframe>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
<p>
Por Comunidades Autónomas, Castilla y León es la única región que ha perdido población a pesar de haber
recibido unos 90.000 nuevos habitantes extranjeros en los últimos veinte años.
</p>
</article>
</div>
<div id="de-donde">
<a class="anchor" name="de-donde"></a>
<article class="box-article">
<h2>¿De dónde vienen los nuevos habitantes de la España Vacía?</h2>
<hr>
<p>
La composición de la población migrante es algo que varía a lo largo del tiempo, pero a fecha de enero
de 2016, las principales zonas de origen son estas:
<h3>Rumanos marroquíes y colombianos suponen casi el 49% de todos los extranjeros en la España Vacía</h3>
<div class="viz">
<h3>Número de personas según las principales <span class="desktop">nacionalidades</span><span class="mobile">áreas geográficas</span></h3>
<div id="pob-geo-desktop" width="100%" height="450" class="desktop svg-container">
<svg></svg>
</div>
<div id="pob-geo-mobile" width="100%" height="200" class="mobile svg-container">
<svg></svg>
</div>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
<p>
Las principales nacionalidades de migrantes en la España Vacía son las mismas que en el conjunto del
país, solo que la importancia de unas y otras varia ligeramente. La diferencia principal
es que en las provincias de la España interior los rumanos son los extranjeros más numerosos,
mientras que en el conjunto del país son los marroquís.
</p>
</article>
</div>
<div id="donde">
<a class="anchor" name="donde"></a>
<article class="box-article">
<h2>¿Dónde están?</h2>
<hr>
<p>
Los nuevos habitantes no se han instalado de forma homogénea en la España Vacía.
</p>
<p>
De hecho podemos diferenciar dos grandes áreas, una de ellas es la España interior más occidental, básicamente
Castilla y León, que tiene porcentajes muy bajos de habitantes nacidos en el extranjero; y
la otra es la España oriental, que mira al Mediterráneo, donde los flujos migratorios han sido
mucho más importantes. En esta España oriental podemos destacar tres zonas importantes:
</p>
<ul>
<li>Valle del Ebro: Zaragoza y La Rioja, con zonas agrícolas ricas.</li>
<li>El perímetro de Madrid: Guadalajara, Toledo y parte de Segovia.</li>
<li>Una franja entre Castilla - La Mancha y Aragón y la cuenca mediterránea.</li>
</ul>
<div class="viz">
<iframe width="100%" height="520" frameborder="0" src="https://dramirezaragon.carto.com/builder/51858310-3cac-11e7-a19e-0e3ebc282e83/embed"
allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
</article>
</div>
<div id="cuando">
<a class="anchor" name="cuando"></a>
<article class="box-article">
<h2>¿Cuándo llegaron?</h2>
<hr>
<p>
El número de habitantes de la España Vacía que nacieron en el extranjero experimentó un crecimiento especialmente
fuerte entre los años 2000 y 2008, los años del llamado “milagro económico español”, cuya principal
fuente de crecimiento fue la especulación inmobiliaria. En ese periodo la población nacida
en el extranjero en la España Vacía se multiplicó por seis. Con la llegada de la crisis en
el 2008, el crecimiento de población extranjera continua pero a un ritmo mucho menor. A partir
de 2012, el número de habitantes extranjeros comienza a decrecer debido a los altos niveles
de desempleo. </p>
<p> Evolución de la población nacida en el extranjero entre 1998 y 2016 en la España Vacía: </p>
<div class="viz">
<iframe style="border: 0px;" src="https://public.tableau.com/views/vacia_espana/Dashboard1?:showVizHome=no&:embed=true"
width="100%" class="tableau-responsive" height="500px" scrolling="no"></iframe>
<div class="footer">
Fuente: <a href="http://www.ine.es/dyngs/INEbase/es/operacion.htm?c=Estadistica_C&cid=1254736177012&menu=resultados&secc=1254736195461&idp=1254734710990">Instituto Nacional de Estadística - Información Padrón Continuo</a>
</div>
</div>
</article>
</div>
</div>
<span class="up-page"><img class="icon-up" src="images/icon-up.png" alt="Icono subida"></span>
<footer>
<div class="icons-footer">
<img class="icon-social" src="images/twitter-logo.png" alt="logo twitter">
<img class="icon-social" src="images/instagram-logo.png" alt="logo instagram">
<img class="icon-social" src="images/github-logo.png" alt="logo gitHub">
<img class="icon-social" src="images/facebook-logo.png" alt="logo facebook">
</div>
<h4 class="text-footer">All Rights Reserved 2017</h4>
</footer>
<script src="js/jquery.min.js" charset="utf-8"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://public.tableau.com/javascripts/api/viz_v1.js"></script>
<script src="js/graphics.js" charset="utf-8"></script>
<script src="js/data.js" charset="utf-8"></script>
<script src="js/main.js" charset="utf-8"></script>
<script src="js/poblacion_area_geografica.js" charset="utf-8"></script>
</body>
</html>