Aquí tienes el contenido para tu archivo README.md. Está diseñado para resaltar tanto el valor académico de la investigación como la calidad técnica del desarrollo web.
Este repositorio contiene el código fuente de una infografía interactiva de alto impacto que visualiza los hallazgos de una Revisión Sistemática de Literatura (RSL) sobre la integración de la IA Generativa en la educación superior.
El proyecto combina rigor académico con un diseño de interfaz (UI) moderno y una experiencia de usuario (UX) optimizada para la divulgación científica.
-
Visualización de Datos con SVG: Gráficos de barras, anillos (donut charts) y diagramas de radar desarrollados íntegramente con SVG y CSS para un rendimiento óptimo y escalabilidad sin pérdida de calidad.
-
Diseño Editorial de Lujo: Uso de una combinación tipográfica sofisticada (Cormorant Garamond para títulos y DM Sans para cuerpo) que evoca la estética de publicaciones académicas de prestigio.
-
Componentes Interactivos:
-
Pestañas (Tabs): Para navegar entre diferentes tipos de estudios.
-
Acordeones: Basados en el principio de divulgación progresiva para evitar la sobrecarga cognitiva.
-
Tarjetas de Pilares: Clasificación clara de las 4 dimensiones clave de la investigación.
-
Arquitectura PRISMA Visual: Representación gráfica del flujo de filtrado de artículos científicos, desde la identificación en bases de datos (Scopus, ScienceDirect, etc.) hasta la síntesis final.
-
HTML5 Semántico: Estructura accesible y optimizada para SEO.
-
CSS3 Moderno: * Custom Properties (Variables): Para un sistema de diseño consistente.
-
Layouts: Uso intensivo de CSS Grid y Flexbox.
-
Responsive: Tipografía y espaciado fluido mediante la función
clamp(). -
Efectos: Desenfoques de fondo (
backdrop-filter) y animaciones de entrada. -
Accesibilidad (WCAG 2.1): Incluye enlaces de salto (skip-links), estados de foco claros y una jerarquía de encabezados lógica.
La infografía desglosa la investigación en cuatro ejes fundamentales:
- Dimensión Pedagógica: Impacto en el proceso de enseñanza-aprendizaje.
- Dimensión Ética: Privacidad, sesgos y autoría.
- Dimensión Institucional: Políticas y transformación organizacional.
- Dimensión Tecnológica: Herramientas y ecosistemas de IA.
Este es un proyecto "Vanilla", lo que significa que no requiere dependencias ni compiladores.
- Clona el repositorio:
git clone https://github.com/tu-usuario/nombre-del-proyecto.git
- Abre el archivo
index.htmlen cualquier navegador moderno.
- Escaneabilidad: Se utilizan KPI Chips en la parte superior para dar una visión general inmediata de las métricas clave.
- Fricción Reducida: La navegación persistente (Sticky Nav) permite saltar entre secciones de la investigación de forma fluida.
- Jerarquía Visual: El uso de "Pillars Cards" con colores codificados facilita la asociación mental de cada hallazgo con su categoría correspondiente.
Este proyecto está bajo la Licencia MIT. Siéntete libre de usarlo como base para tus propias visualizaciones académicas.
¿Te gustaría que añadiera instrucciones específicas sobre cómo actualizar los datos de los gráficos en el código?