-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (132 loc) · 11 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="Description" content="Guia de HTML y CSS para mejorar los estilos de nuestro sitio web" />
<meta name="robots" content="index,follow"/>
<title>Guia de HTML y CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="./css/style.css"/>
<link rel="stylesheet" href="./css/tablet.css" media="screen and (min-width: 768px)"/>
<link rel="stylesheet" href="./css/laptop.css" media="screen and (min-width: 1024px)"/>
<script src="https://kit.fontawesome.com/7673818538.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="header">
<section class="header-section">
<video autoplay loop muted preload="auto" class="header-video">
<source src="./video/estrellas.mp4" type="video/mp4">
<source src="./video/estrellas.webm" type="video/webm">
<source src="./video/estrellas.ogg" type="video/ogg">
</video>
<div class="header-content">
<figure class="header__logo">
<img class="header__img" src="./pics/img/HTML.jpg" alt="Logo HTML"/>
<img class="header__img" src="./pics/img/CSS.jpg" alt="Logo CSS"/>
<img class="header__img" src="./pics/img/BEM (1).jpg" alt="Logo BEM"/>
</figure>
<nav class="header-nav">
<ul class="header-nav__list">
<li class="header-nav__item"><a class="header-nav__link">INICIO</a></li>
<li class="header-nav__item"><a class="header-nav__link">HTML</a></li>
<li class="header-nav__item"><a class="header-nav__link">CSS</a></li>
<li class="header-nav__item"><a class="header-nav__link">BEM</a></li>
</ul>
</nav>
</div>
</section>
</header>
<main class="main">
<section class="section-one">
<div class="content-wrapper">
<i><u><h1 id="tittle" class="tittle">Estadística Descriptiva con Python</h1></u></i>
<p class="texto">Bienvenidos al emocionante mundo de la estadística descriptiva con Python, una herramienta esencial para los científicos de datos. Este repositorio está dedicado a un proyecto práctico que facilitará la comprensión de los conceptos clave de la estadística descriptiva. A través de la creación de gráficos detallados y la aplicación de métodos estadísticos, realizaremos un análisis profundo y revelador de los datos. ¡Prepárate para sumergirte en el análisis de datos con Python!</p>
</div>
<div class="video-main">
<video autoplay loop muted preload="auto" class="bg-video">
<source src="./video/globo.mp4" type="video/mp4">
<source src="./video/globo.mp4" type="video/webm">
<source src="./video/globo.mp4" type="video/ogg">
</video>
</div>
</section>
<section class="section-two">
<div class="contenido-proyecto">
<i><u><h2>Contenido Del Proyecto</h2></u></i>
</div>
<div class="contenido-temas">
<div class="glosario">
<figure class="imagen-tema">
<img src="./pics/img/recoleccion_de_datos.jpg" alt="Recolección de datos"/>
<figcaption class="figcaption">Foto de <a href="https://unsplash.com/es/@mjessier?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Myriam Jessier</a> en <a href="https://unsplash.com/es/fotos/persona-usando-macbook-pro-en-black-table-eveI7MOcSmw?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</figcaption>
</figure>
<i><h3 class="titulo-tema">Recoleccion de Datos</h3></i>
<i><p class="titulo-tema-descripcion">El primer paso en cualquier proyecto de estadística descriptiva es la recolección de datos. Los datos pueden ser recolectados de diversas fuentes y en diversos formatos.</p></i>
</div>
<div class="glosario">
<figure class="imagen-tema">
<img src="./pics/img/Análisis_exploratorio_de_datos (EDA).jpg" alt="Análisis_exploratorio_de_datos (EDA)"/>
<figcaption class="figcaption">Foto de <a href="https://unsplash.com/es/@lukechesser?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Luke Chesser</a> en <a href="https://unsplash.com/es/fotos/graficos-de-analisis-de-rendimiento-en-la-pantalla-de-un-portatil-JKUTrJ4vK00?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</figcaption>
</figure>
<i><h3 class="titulo-tema">Análisis Exploratorio de Datos (EDA)</h3></i>
<i><p class="titulo-tema-descripcion">Este es un paso crucial que implica entender los datos a través de gráficos y tablas, identificar patrones, detectar anomalías, verificar supuestos y probar hipótesis. </p></i>
</div>
<div class="glosario">
<figure class="imagen-tema">
<img src="./pics/img/reprocesamiento_de datos (1).jpg" alt="reprocesamiento_de datos"/>
<figcaption class="figcaption">Foto de <a href="https://unsplash.com/es/@chrisliverani?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Chris Liverani</a> en <a href="https://unsplash.com/es/fotos/encendio-el-monitor-de-pantalla-plana-dBI_My696Rk?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</figcaption>
</figure>
<i><h3 class="titulo-tema">Reprocesamiento de Datos</h3></i>
<i><p class="titulo-tema-descripcion">Esto puede incluir la limpieza de datos (manejo de datos faltantes, eliminación de duplicados), transformación de datos (normalización, escalado) y codificación de variables categóricas.</p></i>
</div>
<div class="glosario">
<figure class="imagen-tema">
<img src="./pics/img/descripcion_de_datos.jpg" alt="descripcion_de_datos"/>
<figcaption class="figcaption">Foto de <a href="https://unsplash.com/es/@hostreviews?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Stephen Phillips - Hostreviews.co.uk</a> en <a href="https://unsplash.com/es/fotos/captura-de-pantalla-del-monitor-shr_Xn8S8QU?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</figcaption>
</figure>
<i><h3 class="titulo-tema">Descripcion de Datos</h3></i>
<i><p class="titulo-tema-descripcion"> Esto implica el uso de medidas de tendencia central (como la media, mediana, moda), medidas de dispersión (como la varianza, desviación estándar, rango intercuartil) y la forma de la distribución de los datos (como la asimetría y curtosis).</p></i>
</div>
<div class="glosario">
<figure class="imagen-tema">
<img src="./pics/img/visualizacion_de datos.jpg" alt="visualizacion_de datos"/>
<figcaption class="figcaption">Foto de <a href="https://unsplash.com/es/@kmuza?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Carlos Muza</a> en <a href="https://unsplash.com/es/fotos/laptop-computer-on-glass-top-table-hpjSkU2UYSU?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</figcaption>
</figure>
<i><h3 class="titulo-tema">Visualizacion de Datos</h3></i>
<i><p class="titulo-tema-descripcion">Crear gráficos y diagramas para visualizar la distribución de los datos, las relaciones entre variables y las tendencias en los datos.</p></i>
</div>
<div class="glosario">
<figure class="imagen-tema">
<img src="./pics/img/interpretacion de datos.jpg" alt="interpretacion de datos"/>
<figcaption class="figcaption">Foto de <a href="https://unsplash.com/es/@jentheodore?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Jen Theodore</a> en <a href="https://unsplash.com/es/fotos/una-persona-sosteniendo-un-anillo-de-madera-con-la-palabra-si-en-el-FaZD0xRotMk?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</figcaption>
</figure>
<i><h3 class="titulo-tema">Interpretación de los resultados</h3></i>
<i><p class="titulo-tema-descripcion">Los resultados del análisis descriptivo deben ser interpretados en el contexto del problema de negocio o investigación.</p></i>
</div>
<div class="glosario">
<figure class="imagen-tema">
<img src="./pics/img/modelo_de_machine learning.jpg" alt="modelo_de_machine learning"/>
<figcaption class="figcaption">Foto de <a href="https://unsplash.com/es/@markuswinkler?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Markus Winkler</a> en <a href="https://unsplash.com/es/fotos/un-primer-plano-de-una-maquina-de-escribir-con-un-aprendizaje-automatico-de-lectura-de-papel-f57lx37DCM4?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</figcaption>
</figure>
<i><h3 class="titulo-tema">Preparación para el modelado ML</h3></i>
<i><p class="titulo-tema-descripcion">Los insights obtenidos a través de la estadística descriptiva pueden ser muy útiles para la selección de características, la ingeniería de características y la elección del modelo de ML adecuado.</p></i>
</div>
</div>
</section>
</main>
<footer class="footer">
<section class="footer-section">
<div class="main-footer">
<i><p>HECHO CON ❤️ PARA TODOS</p></i>
</div>
</section>
</footer>
</body>
</html>