-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (132 loc) · 6.49 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="San Joaquín">
<meta name="author" content="Tiare Barra">
<meta name="keywords" content="comuna, san joaquín, santiago">
<title>San Joaquín</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link href="estilo.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">San Joaquín</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#primera">Atención de Salud</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#segunda">Demografía</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#tercera">Educación</a>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container h-100">
<div class="row h-100">
<div class="col text-center">
<h1>San Joaquín</h1>
<h2>Región Metropolitana de Santiago</h2>
</div>
</div>
</div>
</header>
<section id="primera">
<div class="container">
<div class="row">
<div class="col-md-6 pt-2">
<svg width="360" height="360" style="background:#eee;">
<g>
<circle r="40" cx="100" cy="100"/>
<text x="98" y="100" fill="#ED3D88"></text>
<circle r="40" cx="250" cy="100"/>
<text x="248" y="100" fill="#ED3D88"></text>
<circle r="40" cx="100" cy="250"/>
<text x="98" y="251" fill="#ED3D88"></text>
<circle r="40" cx="250" cy="250"/>
<text x="248" y="251" fill="#ED3D88"></text>
</g>
</svg>
</div>
<div class="col-lg-6">
<h3 class="mt-3">Atención de salud</h3>
<p>Según la información obtenida de <a href="https://es.datachile.io/geo/region-metropolitana-santiago-13/san-joaquin-290#education">Data Chile</a> la comuna de San Joaquín tiene las siguientes cifras en el área de Acceso a la salud</p>
<p>En 2013, 71.745 personas estaban afiliadas a un sistema de previsión de salud, representando al 103,7 % de la población de San Joaquín. Por otra parte, los afiliados a ISAPRES han decrecido en -10,1 % en el periodo 2000-2013</p>
<p>Fonasa Grupo B cuenta con 24% de afiliados, seguidos por Fonasa Grupo A con 20%, Fonasa Grupo C 15% y Fonasa Grupo D 12%.</p>
</div>
</div>
</div>
</section>
<section id="segunda" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="mt-3">Demografía</h3>
<p>Según la información obtenida de <a href="https://es.datachile.io/geo/region-metropolitana-santiago-13/san-joaquin-290#education">Data Chile</a> la comuna de San Joaquín tiene las siguientes cifras en el área de Migración</p>
<p>Durante 2016 se entregaron 1.625 visas a inmigrantes que declararon domicilio en San Joaquín.
Los principales países de origen son: Perú y Colombia. La mayoría de ellos cuenta con un nivel educativo de No informa.</p>
<p></p>
</div>
<div class="col-lg-6 text-right dataviz-segunda"></div>
</div>
</div>
</section>
<section id="tercera">
<div class="container">
<div class="row">
<div class="col-lg-6 dataviz-tercera"></div>
<div class="col-lg-6">
<h3 class="mt-3">Educación</h3>
<p>Según la información obtenida de <a href="https://es.datachile.io/geo/region-metropolitana-santiago-13/san-joaquin-290#education">Data Chile</a> la comuna de San Joaquín tiene las siguientes cifras en el área de Desempeño</p>
<p>Las escuelas de San Joaquín con mejor desempeño PSU en 2016 son Colegio Particular Nuestra Sra del Huerto, Escuela Industrial Saint Lawrence y Liceo Particular Espíritu Santo.
El puntaje promedio PSU* de escuelas Municipales fue 392 puntos, de escuelas Particulares Subvencionadas fue 469 puntos y de escuelas de Administración Delegada fue 447 puntos.
*El promedio PSU es el promedio calculado a partir del puntaje obtenido en las Pruebas de Lenguaje y Comunicación y de Matemática.</p>
<p></p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col">
<p class="small">Desarrollado por <a href="mailto:tiare_kthbd@hotmail.com">Tiare Barra</a> | Seminario Gráfica Computacional I 2018, Primer Semestre</p>
<ul class="list-inline small">
<li class="list-inline-item">
<a class="nav-link js-scroll-trigger" href="#primera">Atención de Salud</a>
</li>
<li class="list-inline-item">
<a class="nav-link js-scroll-trigger" href="#segunda">Demografía</a>
</li>
<li class="list-inline-item">
<a class="nav-link js-scroll-trigger" href="#tercera">Educación</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Javascript de visualizaciones-->
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="d3/primera.js"></script>
<script src="d3/segunda.js"></script>
<script src="d3/tercera.js"></script>
<!-- Javascript de Bootstrap -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/menu.js"></script>
</body>
</html>