Ejercicio 3: Generación de un Dashboard a partir de una Base de Datos

🧠 Ejercicio 3: Generación de un Dashboard a partir de una Base de Datos

Objetivo del ejercicio: Aprender a usar IA para convertir un dataset en un dashboard con KPIs y gráficos interactivos, usando librerías de visualización como Plotly.

📝 Instrucciones:
Crea un archivo data.csv con columnas como:
fecha,region,producto,unidades,importe
2025-01-05,Managua,Curso IA,3,450
2025-01-06,León,Curso Excel,2,300
2025-01-06,Masaya,Curso IA,5,750

Abre ChatGPT o Gemini.

Copia y pega este prompt:

🔑 Prompt detallado:
Genera un archivo HTML único llamado dashboard.html que:
1. Cargue datos desde /data/data.csv usando fetch (si hay problemas,
incluye una opción alternativa con datos embebidos como JSON).
2. KPIs en tarjetas:
- Total vendido (suma de importe).
- Ticket promedio (promedio de importe).
- Registros (conteo de filas).
- Productos únicos.
3. Filtros:
- Rango de fechas (date picker).
- Selector de región.
- Al cambiar filtros, recalcular KPIs y actualizar gráficos.
4. Gráficos con Plotly:
- Serie temporal de ventas agregadas por fecha (línea).
- Barras: importe total por producto (orden descendente).
- Histograma: distribución de importes individuales.
5. Exportación:
- Botón para descargar CSV con los datos filtrados.
- Botones para exportar cada gráfico en PNG.
6. Estilo visual:
- Responsive, limpio y moderno.
- Tarjetas para KPIs con color y sombra suave.
7. Formateo:
- Usar formato moneda en es-NI (USD).
- Separadores de miles en KPIs y tooltips.
8. Comentarios en el código explicando cada bloque.
Todo en un único archivo HTML con CSS y JS embebidos.
4. Guarda el resultado como dashboard.html.
5. Abre en el navegador (usando Live Server para cargar el CSV).
6. Prueba aplicar filtros y exportar gráficos/CSV.

🤔 Reflexiona:
● ¿Qué tan bien integró la IA el CSV en los gráficos?
● ¿Qué limitaciones encontraste frente a un software de BI tradicional?
● ¿Cómo podrías aplicar un dashboard de este tipo en tu área?

📌 Resultado esperado: Un archivo dashboard.html que muestre KPIs, 3 gráficos interactivos
con Plotly, filtros y exportaciones