pendientes_embed.html

<!DOCTYPE html>
<html dir="ltr" lang="es-ES">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Segregación público-privada en educación zonas escolares de Euskadi</title>

<!-- source code based on https://bl.ocks.org/jasondavies/1341281 -->
<meta charset="utf-8">
<link href="style.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Fontawesome -->
<link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- generic meta -->
<meta content="Montera34" name="author" />
<meta content="Análisis educación Euskadi: redes pública vs privada-concertada" name="description" />
<meta content="educación, privado, público, concertado, extranjeros" name="keywords" />
<!-- facebook meta -->
<meta property="og:title" content="Análisis educación Euskadi: redes pública vs privada-concertada" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Un análisis gráfico de la segregación entre centros públicos y privados en Euskadi." />
<meta name="og:image" content="https://lab.montera34.com/segregacionescolar/images/segregacion-publico-privada-para-ilp.png" />
<meta property="og:url" content="https://lab.montera34.com/segregacionescolar/" />
<!-- twitter meta -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@montera34">
<meta property="twitter:site:id" content="137677992" />
<meta name="twitter:title" content="Análisis educación Euskadi: redes pública vs privada-concertadaa" />
<meta name="twitter:description" content="Un análisis gráfico de la segregación entre centros públicos y privados en Euskadi." />
<meta name="twitter:creator" content="@montera34">
<meta name="twitter:image" content="https://lab.montera34.com/segregacionescolar/images/segregacion-publico-privada-para-ilp.png" />

<link type="image/x-icon" href="favicon.ico" rel="shortcut icon" />
<link type="image/png" sizes="256x256" href="favicon.png" rel="icon" />
</head>
<body>

	<section id="indicadores">
		<div class="row">
			<div class="col-md-5 col-xs-7">
				<p><img class="img-responsive" src="images/arrow-down.png" style="float:left;margin:0 4px 0 0;"/> Zonas con <strong>más</strong> % en centros públicos que privados.<br>
				<img class="img-responsive" src="images/arrow-up.png" style="float:left;margin:0 4px 0 0;"/> Zonas con <strong>menos</strong> % en centros públicos que privados.</p>
			</div>
			<div class="col-md-5 col-xs-5">
				<p><span class="glyphicon glyphicon glyphicon-hand-up" aria-hidden="true"></span> Pasa el cursor para descubrir más información sobre cada zona.</p>
			</div>
			<div class="clearfix"></div>
			<div class="col-md-6">
				<div class="legend">
					<p><span class="square square_araba"></span>Araba</p>
					<p><span class="square square_gipuzkoa"></span>Gipuzkoa</p>
					<p><span class="square square_bizkaia"></span>Bizkaia</p>
					<p><span class="square square_media"></span>Media (ponderada)</p>
				</div>
			</div>
			<div class="col-md-2 col-xs-4 col-xs-offset-2">
				<div class="dropdown"> 
					<button class="btn btn-default dropdown-toggle btn-xs" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Selecciona zona escolar <span class="caret"></span></button>
					<ul id="legend" class="dropdown-menu" aria-labelledby="dropdownMenu1">
					</ul>
				</div>
			</div>
			<div class="col-md-3 col-xs-6">
				<div id="zona"><p>Todas las zonas</p></div>
			</div>
			<div class="clearfix"></div>
			<div class="col-md-12">
				<div id="vis"></div>
			</div>
		</div>
	</section>

</main>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/d3.v3.min.js"></script>
<script type="text/javascript" src="js/lang_es.js"></script>
<script type="text/javascript" src="dataviz.js"></script>
<script type="text/javascript" src="stats.js"></script>
</body>