-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (111 loc) · 5.61 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
<!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="SU TEMA">
<meta name="author" content="SU NOMBRE">
<title>Mortalidad en Santiago</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">Mortalidad en Santiago</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">Causas de Muerte por Enfermedades</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#segunda">Evolución de muertes por causas</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#tercera">¿Qué hicimos mal como país?</a>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container h-100">
<div class="row h-100">
<div class="col text-center">
<h1>Mortalidad en Santiago</h1>
<h2>Datos y Estadísticas</h2>
</div>
</div>
</div>
</header>
<section id="primera">
<div class="container">
<div class="row">
<div class="col-lg-6 dataviz-primera"></div>
<div class="col-lg-6">
<h3 class="mt-3">Causas de Muerte por Enfermedades</h3>
<p>Unas de las principales causas de la mortalidad en Chile corresponde a enfernedades crónicas.</p>
<p>Según información entregada por <a href="http://www.lun.com/Pages/NewsDetail.aspx?dt=2017-09-29&PaginaId=2&bodyid=0">LUN</a> de este estudio, las principales causas de muerte en el país son: afecciones cardiovasculares, cáncer y diabetes. Seguidas de los trastornos neurológicos, enfermedades respiratorias crónicas, infecciones estomacales y cirrosis.</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">Evolución de muertes por causas</h3>
<p>Según los datos estadísticos del Departamento de Estadísticas e Inforación de Salud, en el período 2010 - 2014, la causa de muerte con la tasa de crecimiento anual más alta en Region Metropolitana de Santiago fueron Enfermedades del sistema respiratorio con un 4,2 %, seguido de Infecciones por VIH y SIDA con 4,1 %.</p>
<p>Para más acceso de esta información visitar <a href="http://www.lun.com/Pages/NewsDetail.aspx?dt=2017-09-29&PaginaId=2&bodyid=0">DEIS</a>.</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">¿Qué hicimos mal como país?</h3>
<p>No hubo educación a la población chilena para prevenir su aparición,no hubo una implementación de políticas públicas de comprobada efectividad como en el resto del mundo. Un claro ejemplo es el nivel de retraso que tiene Chile en relación a la implementación del Convenio Marco de la OMS para el control del tabaquismo. Hoy somos el país más fumador de Latinoamérica y los campeones mundiales en consumo de tabaco en adolescentes, particularmente en las mujeres.</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col">
<p class="small">Desarrollado por <a href="mailto:constanza.cea@ug.uchile.cl">Constanza Cea Villanueva</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">Causas de Muerte por Enfermedades</a>
</li>
<li class="list-inline-item">
<a class="nav-link js-scroll-trigger" href="#segunda">Evolución de muertes por causas</a>
</li>
<li class="list-inline-item">
<a class="nav-link js-scroll-trigger" href="#tercera">¿Qué hicimos mal como país?</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>