doctopanda commited on
Commit
0dd0475
·
verified ·
1 Parent(s): 209fc21

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +907 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Datanalytics
3
- emoji: 📊
4
- colorFrom: gray
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: datanalytics
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,907 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="es">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>INEGI Analytics - Dashboard Estadístico</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
+ <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ fontFamily: {
15
+ mono: ['IBM Plex Mono', 'monospace'],
16
+ },
17
+ colors: {
18
+ inegi: {
19
+ dark: '#121212',
20
+ panel: '#1e1e1e',
21
+ border: '#333333',
22
+ accent: '#00a3ff',
23
+ highlight: '#0088ff',
24
+ warning: '#ff6600',
25
+ danger: '#ff0033',
26
+ teal: '#00c8b3',
27
+ purple: '#7b5de5',
28
+ green: '#00b74f'
29
+ }
30
+ }
31
+ }
32
+ }
33
+ }
34
+ </script>
35
+ <style>
36
+ body {
37
+ background-color: #121212;
38
+ color: #e0e0e0;
39
+ font-family: 'IBM Plex Mono', monospace;
40
+ }
41
+ .data-panel {
42
+ border: 1px solid #333;
43
+ background-color: #1e1e1e;
44
+ }
45
+ .data-header {
46
+ border-bottom: 1px solid #333;
47
+ background-color: #1a1a1a;
48
+ }
49
+ .data-table {
50
+ font-size: 0.875rem;
51
+ }
52
+ .data-table th {
53
+ font-weight: 600;
54
+ text-transform: uppercase;
55
+ font-size: 0.75rem;
56
+ letter-spacing: 0.05em;
57
+ }
58
+ .data-table td, .data-table th {
59
+ padding: 0.5rem 1rem;
60
+ border-bottom: 1px solid #333333;
61
+ }
62
+ .data-value {
63
+ font-family: 'IBM Plex Mono', monospace;
64
+ font-weight: 600;
65
+ }
66
+ .positive-trend {
67
+ color: #00b74f;
68
+ }
69
+ .negative-trend {
70
+ color: #ff0033;
71
+ }
72
+ .neutral-trend {
73
+ color: #0088ff;
74
+ }
75
+ .status-indicator {
76
+ width: 10px;
77
+ height: 10px;
78
+ border-radius: 50%;
79
+ display: inline-block;
80
+ margin-right: 6px;
81
+ }
82
+ .trend-icon {
83
+ margin-right: 4px;
84
+ }
85
+ .section-divider {
86
+ border: none;
87
+ border-top: 1px solid #333;
88
+ margin: 1.5rem 0;
89
+ }
90
+ .metric-card {
91
+ background-color: #252525;
92
+ border-left: 4px solid;
93
+ padding: 0.75rem 1rem;
94
+ }
95
+ .metric-title {
96
+ font-size: 0.75rem;
97
+ text-transform: uppercase;
98
+ letter-spacing: 0.05em;
99
+ opacity: 0.7;
100
+ }
101
+ .metric-value {
102
+ font-size: 1.5rem;
103
+ line-height: 1;
104
+ margin: 0.25rem 0 0.5rem;
105
+ }
106
+ .chart-container {
107
+ position: relative;
108
+ height: 250px;
109
+ width: 100%;
110
+ }
111
+ .progress-bar {
112
+ height: 4px;
113
+ background-color: #333;
114
+ border-radius: 2px;
115
+ overflow: hidden;
116
+ }
117
+ .progress-value {
118
+ height: 100%;
119
+ }
120
+ .grid-point {
121
+ width: 8px;
122
+ height: 8px;
123
+ border-radius: 50%;
124
+ display: inline-block;
125
+ margin-right: 6px;
126
+ }
127
+ .kpi-badge {
128
+ font-size: 0.7rem;
129
+ padding: 2px 6px;
130
+ border-radius: 10px;
131
+ display: inline-flex;
132
+ align-items: center;
133
+ }
134
+ .inegi-logo {
135
+ filter: brightness(0) invert(1);
136
+ height: 24px;
137
+ }
138
+ </style>
139
+ </head>
140
+ <body class="bg-inegi-dark text-gray-300 font-mono">
141
+ <header class="border-b border-inegi-border bg-inegi-dark sticky top-0 z-10">
142
+ <div class="container mx-auto px-4 py-3">
143
+ <div class="flex items-center justify-between">
144
+ <div class="flex items-center space-x-4">
145
+ <img src="https://www.inegi.org.mx/contenidos/estadisticas/logo_inegi.png" alt="INEGI" class="inegi-logo">
146
+ <span class="text-inegi-accent font-bold text-xl">ANALYTICS</span>
147
+ <span class="text-xs px-2 py-1 bg-inegi-panel rounded">v2024</span>
148
+ </div>
149
+ <div class="text-xs text-gray-400">
150
+ <span class="mr-4">Última actualización: <span class="text-gray-100">2024-03-15 12:00:00 CST</span></span>
151
+ <span>Fuente: <span class="text-gray-100">INEGI API</span></span>
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </header>
156
+
157
+ <main class="container mx-auto px-4 py-6">
158
+ <!-- Análisis Ejecutivo -->
159
+ <section class="mb-8">
160
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
161
+ <!-- Crecimiento Económico -->
162
+ <div class="data-panel rounded-lg p-4">
163
+ <div class="flex justify-between items-center mb-3">
164
+ <h3 class="font-semibold">CRECIMIENTO ECONÓMICO</h3>
165
+ <span class="text-xs bg-inegi-panel px-2 py-1 rounded">PIB Trimestral</span>
166
+ </div>
167
+ <div class="chart-container">
168
+ <canvas id="economicGrowthChart"></canvas>
169
+ </div>
170
+ <div class="mt-3 text-xs grid grid-cols-3 gap-2">
171
+ <div class="flex items-center"><span class="grid-point bg-inegi-green"></span> Primario: +2.1%</div>
172
+ <div class="flex items-center"><span class="grid-point bg-inegi-accent"></span> Secundario: +1.8%</div>
173
+ <div class="flex items-center"><span class="grid-point bg-inegi-purple"></span> Terciario: +3.4%</div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Demografía -->
178
+ <div class="data-panel rounded-lg p-4">
179
+ <div class="flex justify-between items-center mb-3">
180
+ <h3 class="font-semibold">POBLACIÓN MEXICANA</h3>
181
+ <span class="text-xs bg-inegi-panel px-2 py-1 rounded">Censo 2020</span>
182
+ </div>
183
+ <div class="chart-container">
184
+ <canvas id="demographicChart"></canvas>
185
+ </div>
186
+ <div class="grid grid-cols-3 gap-2 mt-2 text-xs text-center">
187
+ <div>
188
+ <div class="font-bold">Género</div>
189
+ <div>Hombres: 48.8%</div>
190
+ <div>Mujeres: 51.2%</div>
191
+ </div>
192
+ <div>
193
+ <div class="font-bold">Grupos de Edad</div>
194
+ <div>0-14: 25.3%</div>
195
+ <div>15-64: 66.1%</div>
196
+ <div>65+: 8.6%</div>
197
+ </div>
198
+ <div>
199
+ <div class="font-bold">Localidad</div>
200
+ <div>Urbana: 78.8%</div>
201
+ <div>Rural: 21.2%</div>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </div>
206
+
207
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
208
+ <!-- Indicadores Clave -->
209
+ <div class="data-panel rounded-lg p-3">
210
+ <div class="text-xs mb-2">PIB ANUAL 2023</div>
211
+ <div class="flex justify-between items-end mb-1">
212
+ <span class="text-xl data-value">3.1%</span>
213
+ <span class="text-xs positive-trend">+0.8% vs 2022</span>
214
+ </div>
215
+ <div class="progress-bar">
216
+ <div class="progress-value bg-inegi-green" style="width: 62%"></div>
217
+ </div>
218
+ <div class="text-xs mt-1 flex justify-between">
219
+ <span>2022: 2.3%</span>
220
+ <span>Pronóstico: 2.5%</span>
221
+ </div>
222
+ </div>
223
+
224
+ <div class="data-panel rounded-lg p-3">
225
+ <div class="text-xs mb-2">INFLACIÓN ANUAL</div>
226
+ <div class="flex justify-between items-end mb-1">
227
+ <span class="text-xl data-value">4.45%</span>
228
+ <span class="text-xs negative-trend">-2.1% vs 2022</span>
229
+ </div>
230
+ <div class="progress-bar">
231
+ <div class="progress-value bg-inegi-warning" style="width: 44.5%"></div>
232
+ </div>
233
+ <div class="text-xs mt-1 flex justify-between">
234
+ <span>2022: 6.55%</span>
235
+ <span>Meta: 3.0%</span>
236
+ </div>
237
+ </div>
238
+
239
+ <div class="data-panel rounded-lg p-3">
240
+ <div class="text-xs mb-2">TASA DE DESEMPLEO</div>
241
+ <div class="flex justify-between items-end mb-1">
242
+ <span class="text-xl data-value">2.8%</span>
243
+ <span class="text-xs positive-trend">-0.3% vs 2022</span>
244
+ </div>
245
+ <div class="progress-bar">
246
+ <div class="progress-value bg-inegi-accent" style="width: 28%"></div>
247
+ </div>
248
+ <div class="text-xs mt-1 flex justify-between">
249
+ <span>2022: 3.1%</span>
250
+ <span>Pre-pandemia: 3.5%</span>
251
+ </div>
252
+ </div>
253
+
254
+ <div class="data-panel rounded-lg p-3">
255
+ <div class="text-xs mb-2">POBLACIÓN ECONÓMICAMENTE ACTIVA</div>
256
+ <div class="flex justify-between items-end mb-1">
257
+ <span class="text-xl data-value">60.1M</span>
258
+ <span class="text-xs positive-trend">+1.2M vs 2022</span>
259
+ </div>
260
+ <div class="progress-bar">
261
+ <div class="progress-value bg-inegi-purple" style="width: 75%"></div>
262
+ </div>
263
+ <div class="text-xs mt-1 flex justify-between">
264
+ <span>2022: 58.9M</span>
265
+ <span>Población total: 126M</span>
266
+ </div>
267
+ </div>
268
+ </div>
269
+ </section>
270
+
271
+ <hr class="section-divider">
272
+
273
+ <!-- Análisis Sectorial -->
274
+ <section class="mb-8">
275
+ <h2 class="text-xl font-semibold mb-4">DESEMPEÑO POR SECTOR ECONÓMICO</h2>
276
+
277
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
278
+ <!-- Sector Primario -->
279
+ <div class="data-panel rounded-lg p-4">
280
+ <div class="mb-4">
281
+ <h3 class="font-semibold">SECTOR PRIMARIO</h3>
282
+ <div class="text-xs text-gray-400 mt-1">Agricultura, ganadería, pesca</div>
283
+ </div>
284
+ <div class="chart-container">
285
+ <canvas id="primarySectorChart"></canvas>
286
+ </div>
287
+ <div class="text-xs mt-3 grid grid-cols-1 gap-1">
288
+ <div><span class="text-inegi-green">Crecimiento:</span> +2.1% anual</div>
289
+ <div><span class="text-inegi-accent">Participación PIB:</span> 3.4%</div>
290
+ <div><span class="text-inegi-purple">Empleo generado:</span> 12.5% del total</div>
291
+ </div>
292
+ </div>
293
+
294
+ <!-- Sector Secundario -->
295
+ <div class="data-panel rounded-lg p-4">
296
+ <div class="mb-4">
297
+ <h3 class="font-semibold">SECTOR SECUNDARIO</h3>
298
+ <div class="text-xs text-gray-400 mt-1">Industria, manufactura, construcción</div>
299
+ </div>
300
+ <div class="chart-container">
301
+ <canvas id="secondarySectorChart"></canvas>
302
+ </div>
303
+ <div class="text-xs mt-3">
304
+ <div>
305
+ <span class="text-inegi-green">Crecimiento:</span> +1.8% anual
306
+ </div>
307
+ <div>
308
+ <span class="text-inegi-accent">Participación PIB:</span> 32.5%
309
+ </div>
310
+ <div>
311
+ <span class="text-inegi-purple">Manufactura:</span> +3.2% (destaca automotriz)
312
+ </div>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- Sector Terciario -->
317
+ <div class="data-panel rounded-lg p-4">
318
+ <div class="mb-4">
319
+ <h3 class="font-semibold">SECTOR TERCIARIO</h3>
320
+ <div class="text-xs text-gray-400 mt-1">Servicios, comercio, turismo</div>
321
+ </div>
322
+ <table class="w-full text-xs">
323
+ <thead>
324
+ <tr>
325
+ <th class="text-left">Subsector</th>
326
+ <th class="text-right">Crecimiento</th>
327
+ <th class="text-right">Participación</th>
328
+ </tr>
329
+ </thead>
330
+ <tbody>
331
+ <tr>
332
+ <td class="text-left">Comercio</td>
333
+ <td class="text-right data-value">+3.1%</td>
334
+ <td class="text-right positive-trend">18.7%</td>
335
+ </tr>
336
+ <tr>
337
+ <td class="text-left">Servicios financieros</td>
338
+ <td class="text-right data-value">+4.2%</td>
339
+ <td class="text-right positive-trend">12.3%</td>
340
+ </tr>
341
+ <tr>
342
+ <td class="text-left">Turismo</td>
343
+ <td class="text-right data-value">+5.8%</td>
344
+ <td class="text-right positive-trend">8.5%</td>
345
+ </tr>
346
+ <tr>
347
+ <td class="text-left">Transporte</td>
348
+ <td class="text-right data-value">+2.4%</td>
349
+ <td class="text-right neutral-trend">6.2%</td>
350
+ </tr>
351
+ </tbody>
352
+ </table>
353
+ <div class="text-xs mt-2 text-amber-300">
354
+ Total participación en PIB: 64.1% | Genera 62% del empleo
355
+ </div>
356
+ </div>
357
+ </div>
358
+
359
+ <!-- Comercio Exterior -->
360
+ <div class="data-panel rounded-lg mb-6 p-4">
361
+ <div class="flex justify-between items-center mb-4">
362
+ <h3 class="font-semibold">COMERCIO EXTERIOR 2023</h3>
363
+ <div class="text-xs bg-inegi-panel px-2 py-1 rounded">en miles de millones USD</div>
364
+ </div>
365
+
366
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-3">
367
+ <div class="p-3 bg-[#003153] rounded">
368
+ <div class="text-xs mb-1 font-bold">Exportaciones Totales</div>
369
+ <div class="text-xl mb-1">$593.4</div>
370
+ <div class="text-xs positive-trend">+2.9% vs 2022</div>
371
+ <div class="flex flex-wrap gap-1 mt-2">
372
+ <span class="kpi-badge bg-blue-900">Manufacturas: 89%</span>
373
+ <span class="kpi-badge bg-green-900">Petróleo: 5.8%</span>
374
+ </div>
375
+ </div>
376
+ <div class="p-3 bg-[#1a1a2e] rounded">
377
+ <div class="text-xs mb-1 font-bold">Importaciones Totales</div>
378
+ <div class="text-xl mb-1">$606.7</div>
379
+ <div class="text-xs negative-trend">+4.1% vs 2022</div>
380
+ <div class="flex flex-wrap gap-1 mt-2">
381
+ <span class="kpi-badge bg-blue-900">Bienes intermedios: 76%</span>
382
+ <span class="kpi-badge bg-green-900">Bienes de capital: 15%</span>
383
+ </div>
384
+ </div>
385
+ <div class="p-3 bg-[#3a0a2e] rounded">
386
+ <div class="text-xs mb-1 font-bold">Balanza Comercial</div>
387
+ <div class="text-xl mb-1">-$13.3</div>
388
+ <div class="text-xs negative-trend">Déficit</div>
389
+ <div class="flex flex-wrap gap-1 mt-2">
390
+ <span class="kpi-badge bg-blue-900">Superávit con EE.UU.: +$152.4</span>
391
+ <span class="kpi-badge bg-red-900">Déficit con China: -$110.2</span>
392
+ </div>
393
+ </div>
394
+ <div class="p-3 bg-[#4a0100] rounded">
395
+ <div class="text-xs mb-1 font-bold">TLCAN/USMCA</div>
396
+ <div class="text-xl mb-1">83.5%</div>
397
+ <div class="text-xs">del comercio total</div>
398
+ <div class="flex flex-wrap gap-1 mt-2">
399
+ <span class="kpi-badge bg-blue-900">EE.UU.: 78.8%</span>
400
+ <span class="kpi-badge bg-green-900">Canadá: 4.7%</span>
401
+ </div>
402
+ </div>
403
+ </div>
404
+ </div>
405
+ </section>
406
+
407
+ <hr class="section-divider">
408
+
409
+ <!-- Indicadores Sociales -->
410
+ <section class="mb-8">
411
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
412
+ <span class="status-indicator bg-inegi-purple"></span>
413
+ <span>INDICADORES SOCIALES</span>
414
+ </h2>
415
+
416
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
417
+ <!-- Pobreza -->
418
+ <div class="data-panel rounded-lg p-4">
419
+ <div class="mb-3">
420
+ <h3 class="font-semibold">POBREZA Y DESIGUALDAD</h3>
421
+ <div class="text-xs text-gray-400">Datos 2022 (CONEVAL)</div>
422
+ </div>
423
+ <div class="chart-container">
424
+ <canvas id="povertyChart"></canvas>
425
+ </div>
426
+ <div class="text-xs mt-3 grid grid-cols-2 gap-1">
427
+ <div><span class="text-inegi-accent">Pobreza:</span> 36.3% (46.8M personas)</div>
428
+ <div><span class="text-inegi-warning">Pobreza extrema:</span> 8.1% (10.4M)</div>
429
+ <div><span class="text-inegi-green">Clase media:</span> 42.2% de la población</div>
430
+ <div><span class="text-inegi-purple">Coef. Gini:</span> 0.415 (0=igualdad)</div>
431
+ </div>
432
+ </div>
433
+
434
+ <!-- Educación -->
435
+ <div class="data-panel rounded-lg p-4">
436
+ <div class="mb-3">
437
+ <h3 class="font-semibold">EDUCACIÓN Y SALUD</h3>
438
+ <div class="text-xs text-gray-400">Indicadores clave</div>
439
+ </div>
440
+ <div class="chart-container">
441
+ <canvas id="educationChart"></canvas>
442
+ </div>
443
+ <div class="text-xs mt-3">
444
+ <div class="grid grid-cols-3 gap-2">
445
+ <div>
446
+ <div>Escolaridad promedio</div>
447
+ <div class="data-value">9.7 años</div>
448
+ </div>
449
+ <div>
450
+ <div>Analfabetismo</div>
451
+ <div class="data-value">4.4%</div>
452
+ </div>
453
+ <div>
454
+ <div>Esperanza de vida</div>
455
+ <div class="data-value">75.2 años</div>
456
+ </div>
457
+ </div>
458
+ </div>
459
+ </div>
460
+ </div>
461
+
462
+ <!-- Seguridad -->
463
+ <div class="data-panel rounded-lg p-4">
464
+ <div class="flex justify-between items-center mb-3">
465
+ <h3 class="font-semibold">SEGURIDAD Y JUSTICIA</h3>
466
+ <span class="text-xs bg-inegi-panel px-2 py-1 rounded">ENVIPE 2023</span>
467
+ </div>
468
+
469
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-3">
470
+ <div class="p-3">
471
+ <div class="text-xs mb-1">Tasa de homicidios</div>
472
+ <div class="text-2xl data-value">25.0</div>
473
+ <div class="text-xs">por 100k habitantes</div>
474
+ </div>
475
+ <div class="p-3">
476
+ <div class="text-xs mb-1">Victimización</div>
477
+ <div class="text-2xl data-value">22.4%</div>
478
+ <div class="text-xs">hogares afectados</div>
479
+ </div>
480
+ <div class="p-3">
481
+ <div class="text-xs mb-1">Percepción inseguridad</div>
482
+ <div class="text-2xl data-value">73.9%</div>
483
+ <div class="text-xs">en su ciudad</div>
484
+ </div>
485
+ <div class="p-3">
486
+ <div class="text-xs mb-1">Confianza en policías</div>
487
+ <div class="text-2xl data-value">32.1%</div>
488
+ <div class="text-xs">mucha/algo de confianza</div>
489
+ </div>
490
+ </div>
491
+ </div>
492
+ </section>
493
+
494
+ <hr class="section-divider">
495
+
496
+ <!-- Datos por Entidad Federativa -->
497
+ <section class="mb-8">
498
+ <h2 class="text-xl font-semibold mb-4">DESEMPEÑO POR ENTIDAD FEDERATIVA</h2>
499
+
500
+ <div class="overflow-x-auto">
501
+ <table class="w-full data-table">
502
+ <thead>
503
+ <tr>
504
+ <th class="text-left">Entidad</th>
505
+ <th class="text-right">PIB per cápita</th>
506
+ <th class="text-right">Crecimiento PIB</th>
507
+ <th class="text-right">Tasa desempleo</th>
508
+ <th class="text-right">Pobreza</th>
509
+ <th class="text-right">Escolaridad</th>
510
+ <th class="text-right">Homicidios</th>
511
+ <th class="text-right">Competitividad</th>
512
+ </tr>
513
+ </thead>
514
+ <tbody>
515
+ <tr>
516
+ <td class="text-left font-semibold">CDMX</td>
517
+ <td class="text-right data-value">$289,456</td>
518
+ <td class="text-right positive-trend">+3.8%</td>
519
+ <td class="text-right">4.1%</td>
520
+ <td class="text-right">27.6%</td>
521
+ <td class="text-right">11.3</td>
522
+ <td class="text-right">15.2</td>
523
+ <td class="text-right positive-trend">1/32</td>
524
+ </tr>
525
+ <tr>
526
+ <td class="text-left font-semibold">Nuevo León</td>
527
+ <td class="text-right data-value">$254,789</td>
528
+ <td class="text-right positive-trend">+4.2%</td>
529
+ <td class="text-right">3.5%</td>
530
+ <td class="text-right">20.4%</td>
531
+ <td class="text-right">10.7</td>
532
+ <td class="text-right">8.5</td>
533
+ <td class="text-right positive-trend">2/32</td>
534
+ </tr>
535
+ <tr>
536
+ <td class="text-left font-semibold">Querétaro</td>
537
+ <td class="text-right data-value">$198,456</td>
538
+ <td class="text-right positive-trend">+5.1%</td>
539
+ <td class="text-right">2.9%</td>
540
+ <td class="text-right">32.1%</td>
541
+ <td class="text-right">9.8</td>
542
+ <td class="text-right">12.4</td>
543
+ <td class="text-right positive-trend">3/32</td>
544
+ </tr>
545
+ <tr>
546
+ <td class="text-left font-semibold">Chiapas</td>
547
+ <td class="text-right data-value">$78,123</td>
548
+ <td class="text-right neutral-trend">+1.2%</td>
549
+ <td class="text-right">2.1%</td>
550
+ <td class="text-right">67.4%</td>
551
+ <td class="text-right">6.5</td>
552
+ <td class="text-right">18.7</td>
553
+ <td class="text-right negative-trend">32/32</td>
554
+ </tr>
555
+ <tr>
556
+ <td class="text-left font-semibold">Promedio Nacional</td>
557
+ <td class="text-right data-value">$152,987</td>
558
+ <td class="text-right positive-trend">+3.1%</td>
559
+ <td class="text-right">2.8%</td>
560
+ <td class="text-right">36.3%</td>
561
+ <td class="text-right">9.7</td>
562
+ <td class="text-right">25.0</td>
563
+ <td class="text-right">-</td>
564
+ </tr>
565
+ </tbody>
566
+ </table>
567
+ </div>
568
+ </section>
569
+ </main>
570
+
571
+ <footer class="border-t border-inegi-border py-4 mt-8 bg-inegi-panel">
572
+ <div class="container mx-auto px-4">
573
+ <div class="flex flex-col md:flex-row justify-between items-center text-xs text-gray-400">
574
+ <div class="mb-2 md:mb-0">
575
+ <span class="mr-4">INEGI ANALYTICS v2024</span>
576
+ <span>DATOS OFICIALES</span>
577
+ </div>
578
+ <div>
579
+ <span class="mr-4">Última actualización: 2024-03-15T12:00:00 CST</span>
580
+ <span>Próxima actualización: 2024-04-25T00:00:00 CST</span>
581
+ </div>
582
+ </div>
583
+ <div class="mt-2 text-xxs text-gray-500 text-center">
584
+ Los datos presentados son oficiales del INEGI | Margen de error ≤1.5% para indicadores principales
585
+ </div>
586
+ </div>
587
+ </footer>
588
+
589
+ <script>
590
+ // Gráfico de Crecimiento Económico
591
+ const economicGrowthCtx = document.getElementById('economicGrowthChart').getContext('2d');
592
+ const economicGrowthChart = new Chart(economicGrowthCtx, {
593
+ type: 'line',
594
+ data: {
595
+ labels: ['2019', '2020', '2021', '2022', '2023'],
596
+ datasets: [
597
+ {
598
+ label: 'PIB Total',
599
+ data: [100, 91.5, 96.8, 101.2, 104.3],
600
+ borderColor: '#00a3ff',
601
+ backgroundColor: 'rgba(0, 163, 255, 0.1)',
602
+ tension: 0.3,
603
+ borderWidth: 2,
604
+ pointRadius: 4
605
+ },
606
+ {
607
+ label: 'Sector Primario',
608
+ data: [100, 99.2, 102.1, 104.5, 106.6],
609
+ borderColor: '#00b74f',
610
+ backgroundColor: 'rgba(0, 183, 79, 0.1)',
611
+ tension: 0.3,
612
+ borderWidth: 2,
613
+ pointRadius: 4
614
+ },
615
+ {
616
+ label: 'Sector Secundario',
617
+ data: [100, 89.4, 94.2, 96.8, 98.6],
618
+ borderColor: '#7b5de5',
619
+ backgroundColor: 'rgba(123, 93, 229, 0.1)',
620
+ tension: 0.3,
621
+ borderWidth: 2,
622
+ pointRadius: 4
623
+ }
624
+ ]
625
+ },
626
+ options: {
627
+ responsive: true,
628
+ maintainAspectRatio: false,
629
+ plugins: {
630
+ legend: {
631
+ display: false
632
+ },
633
+ tooltip: {
634
+ mode: 'index',
635
+ intersect: false,
636
+ callbacks: {
637
+ label: function(context) {
638
+ let label = context.dataset.label || '';
639
+ if (label) {
640
+ label += ': ';
641
+ }
642
+ if (context.parsed.y !== null) {
643
+ const value = context.parsed.y - 100;
644
+ label += value > 0 ? '+' + value.toFixed(1) + '%' : value.toFixed(1) + '%';
645
+ }
646
+ return label;
647
+ }
648
+ }
649
+ }
650
+ },
651
+ scales: {
652
+ y: {
653
+ beginAtZero: false,
654
+ min: 85,
655
+ grid: {
656
+ color: 'rgba(51, 51, 51, 0.5)'
657
+ },
658
+ ticks: {
659
+ callback: function(value) {
660
+ return (value - 100) + '%';
661
+ }
662
+ }
663
+ },
664
+ x: {
665
+ grid: {
666
+ display: false
667
+ }
668
+ }
669
+ }
670
+ }
671
+ });
672
+
673
+ // Gráfico Demográfico
674
+ const demographicCtx = document.getElementById('demographicChart').getContext('2d');
675
+ const demographicChart = new Chart(demographicCtx, {
676
+ type: 'doughnut',
677
+ data: {
678
+ labels: ['0-14 años', '15-29 años', '30-44 años', '45-59 años', '60+ años'],
679
+ datasets: [{
680
+ data: [25.3, 26.1, 20.8, 15.2, 12.6],
681
+ backgroundColor: [
682
+ '#00a3ff',
683
+ '#00b74f',
684
+ '#7b5de5',
685
+ '#ff6600',
686
+ '#00c8b3'
687
+ ],
688
+ borderWidth: 0
689
+ }]
690
+ },
691
+ options: {
692
+ responsive: true,
693
+ maintainAspectRatio: false,
694
+ cutout: '70%',
695
+ plugins: {
696
+ legend: {
697
+ display: false
698
+ }
699
+ }
700
+ }
701
+ });
702
+
703
+ // Gráfico Sector Primario
704
+ const primarySectorCtx = document.getElementById('primarySectorChart').getContext('2d');
705
+ const primarySectorChart = new Chart(primarySectorCtx, {
706
+ type: 'bar',
707
+ data: {
708
+ labels: ['Agricultura', 'Ganadería', 'Pesca', 'Silvicultura'],
709
+ datasets: [{
710
+ label: 'Crecimiento anual',
711
+ data: [2.8, 1.5, 3.2, 0.7],
712
+ backgroundColor: [
713
+ 'rgba(0, 183, 79, 0.7)',
714
+ 'rgba(0, 183, 79, 0.7)',
715
+ 'rgba(0, 183, 79, 0.7)',
716
+ 'rgba(0, 183, 79, 0.7)'
717
+ ],
718
+ borderWidth: 0
719
+ }]
720
+ },
721
+ options: {
722
+ responsive: true,
723
+ maintainAspectRatio: false,
724
+ plugins: {
725
+ legend: {
726
+ display: false
727
+ }
728
+ },
729
+ scales: {
730
+ y: {
731
+ beginAtZero: true,
732
+ grid: {
733
+ color: 'rgba(51, 51, 51, 0.5)'
734
+ },
735
+ ticks: {
736
+ callback: function(value) {
737
+ return value + '%';
738
+ }
739
+ }
740
+ },
741
+ x: {
742
+ grid: {
743
+ display: false
744
+ }
745
+ }
746
+ }
747
+ }
748
+ });
749
+
750
+ // Gráfico Sector Secundario
751
+ const secondarySectorCtx = document.getElementById('secondarySectorChart').getContext('2d');
752
+ const secondarySectorChart = new Chart(secondarySectorCtx, {
753
+ type: 'bar',
754
+ data: {
755
+ labels: ['Manufactura', 'Construcción', 'Minería', 'Electricidad'],
756
+ datasets: [{
757
+ label: 'Crecimiento anual',
758
+ data: [3.2, -0.5, 0.8, 1.2],
759
+ backgroundColor: [
760
+ 'rgba(123, 93, 229, 0.7)',
761
+ 'rgba(123, 93, 229, 0.7)',
762
+ 'rgba(123, 93, 229, 0.7)',
763
+ 'rgba(123, 93, 229, 0.7)'
764
+ ],
765
+ borderWidth: 0
766
+ }]
767
+ },
768
+ options: {
769
+ responsive: true,
770
+ maintainAspectRatio: false,
771
+ plugins: {
772
+ legend: {
773
+ display: false
774
+ }
775
+ },
776
+ scales: {
777
+ y: {
778
+ beginAtZero: false,
779
+ min: -1,
780
+ max: 4,
781
+ grid: {
782
+ color: 'rgba(51, 51, 51, 0.5)'
783
+ },
784
+ ticks: {
785
+ callback: function(value) {
786
+ return value + '%';
787
+ }
788
+ }
789
+ },
790
+ x: {
791
+ grid: {
792
+ display: false
793
+ }
794
+ }
795
+ }
796
+ }
797
+ });
798
+
799
+ // Gráfico de Pobreza
800
+ const povertyCtx = document.getElementById('povertyChart').getContext('2d');
801
+ const povertyChart = new Chart(povertyCtx, {
802
+ type: 'line',
803
+ data: {
804
+ labels: ['2018', '2020', '2022'],
805
+ datasets: [
806
+ {
807
+ label: 'Pobreza',
808
+ data: [41.9, 43.9, 36.3],
809
+ borderColor: '#00a3ff',
810
+ backgroundColor: 'rgba(0, 163, 255, 0.1)',
811
+ tension: 0.3,
812
+ borderWidth: 2
813
+ },
814
+ {
815
+ label: 'Pobreza extrema',
816
+ data: [7.4, 8.5, 8.1],
817
+ borderColor: '#ff6600',
818
+ backgroundColor: 'rgba(255, 102, 0, 0.1)',
819
+ tension: 0.3,
820
+ borderWidth: 2
821
+ }
822
+ ]
823
+ },
824
+ options: {
825
+ responsive: true,
826
+ maintainAspectRatio: false,
827
+ plugins: {
828
+ legend: {
829
+ display: false
830
+ }
831
+ },
832
+ scales: {
833
+ y: {
834
+ beginAtZero: true,
835
+ grid: {
836
+ color: 'rgba(51, 51, 51, 0.5)'
837
+ },
838
+ ticks: {
839
+ callback: function(value) {
840
+ return value + '%';
841
+ }
842
+ }
843
+ },
844
+ x: {
845
+ grid: {
846
+ display: false
847
+ }
848
+ }
849
+ }
850
+ }
851
+ });
852
+
853
+ // Gráfico de Educación
854
+ const educationCtx = document.getElementById('educationChart').getContext('2d');
855
+ const educationChart = new Chart(educationCtx, {
856
+ type: 'radar',
857
+ data: {
858
+ labels: ['Analfabetismo', 'Primaria', 'Secundaria', 'Media superior', 'Superior'],
859
+ datasets: [
860
+ {
861
+ label: '2000',
862
+ data: [9.5, 33.5, 23.4, 15.6, 12.3],
863
+ backgroundColor: 'rgba(123, 93, 229, 0.2)',
864
+ borderColor: '#7b5de5',
865
+ borderWidth: 1,
866
+ pointRadius: 0
867
+ },
868
+ {
869
+ label: '2020',
870
+ data: [4.4, 22.1, 19.5, 22.8, 21.2],
871
+ backgroundColor: 'rgba(0, 183, 79, 0.2)',
872
+ borderColor: '#00b74f',
873
+ borderWidth: 1,
874
+ pointRadius: 0
875
+ }
876
+ ]
877
+ },
878
+ options: {
879
+ responsive: true,
880
+ maintainAspectRatio: false,
881
+ plugins: {
882
+ legend: {
883
+ display: false
884
+ }
885
+ },
886
+ scales: {
887
+ r: {
888
+ angleLines: {
889
+ color: 'rgba(51, 51, 51, 0.5)'
890
+ },
891
+ grid: {
892
+ color: 'rgba(51, 51, 51, 0.5)'
893
+ },
894
+ suggestedMin: 0,
895
+ suggestedMax: 40,
896
+ ticks: {
897
+ callback: function(value) {
898
+ return value + '%';
899
+ }
900
+ }
901
+ }
902
+ }
903
+ }
904
+ });
905
+ </script>
906
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=doctopanda/datanalytics" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
907
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ cambiar la data que esta expuesta en la pagina por la contenida en esta pagina https://www.inegi.org.mx/