graph TB
    subgraph "🎯 Sistema de Presentación"
        HTML["index.html<br/>🎮 Controlador Principal"]
        REVEAL["Reveal.js Framework<br/>📽️ Motor de Presentación"]
        PLUGINS["Sistema de Plugins<br/>🔧 Markdown, Animaciones, Gráficos"]
    end
    
    subgraph "📚 Módulos Educativos"
        INTRO["0_Introduccion/<br/>🌟 Fundamentos"]
        TABLES["1_La_Tabla/<br/>📊 Diseño de Tablas"]
        TYPES["2_Tipos_de_Datos/<br/>🏷️ Tipos de Datos"]
        SQL["3_SQL_Consultas/<br/>🔍 Consultas SQL"]
        REL["4_Relaciones/<br/>🔗 Relaciones"]
        JOIN["5_Join/<br/>⚡ Operaciones JOIN"]
        GROUP["6_group_by/<br/>📈 Agrupación"]
        HAVING["7_having/<br/>🎯 Filtros Avanzados"]
        ADV["8_herramientas_avanzadas/<br/>🚀 Herramientas Avanzadas"]
    end
    
    subgraph "🎨 Recursos Interactivos"
        ANIM["animate/<br/>🎬 Animaciones SVG"]
        IMGS["Imágenes/<br/>🖼️ Diagramas y Capturas"]
        CHARTS["chart/<br/>📊 Visualizaciones"]
    end
    
    HTML --> REVEAL
    REVEAL --> PLUGINS
    PLUGINS --> INTRO
    PLUGINS --> TABLES
    PLUGINS --> TYPES
    PLUGINS --> SQL
    PLUGINS --> REL
    PLUGINS --> JOIN
    PLUGINS --> GROUP
    PLUGINS --> HAVING
    PLUGINS --> ADV
    
    PLUGINS --> ANIM
    PLUGINS --> IMGS
    PLUGINS --> CHARTS

flowchart LR
    subgraph "💼 Ejercicios por Industria"
        FACTORY["🏭 Fábrica Industrial<br/>Gestión de Producción"]
        SHOES["👞 Zapatería<br/>Inventario y Ventas"]
        RECIPES["🥗 Blog de Recetas<br/>Contenido y Usuarios"]
        CHEMICALS["🧼 Productos Químicos<br/>Control de Calidad"]
    end
    
    subgraph "🎯 Habilidades Desarrolladas"
        DESIGN["📐 Diseño de Esquemas"]
        QUERIES["🔍 Consultas Complejas"]
        RELATIONS["🔗 Modelado de Relaciones"]
        OPTIMIZATION["⚡ Optimización"]
    end
    
    FACTORY --> DESIGN
    SHOES --> QUERIES
    RECIPES --> RELATIONS
    CHEMICALS --> OPTIMIZATION

graph LR
    subgraph "🎨 Frontend"
        HTML["HTML5<br/>📄 Estructura"]
        CSS["CSS3<br/>🎨 Estilos"]
        JS["JavaScript<br/>⚡ Interactividad"]
    end
    
    subgraph "📽️ Presentación"
        REVEAL["Reveal.js 4.6.0<br/>🎬 Motor Principal"]
        MARKDOWN["Markdown<br/>📝 Contenido"]
        MERMAID["Mermaid<br/>📊 Diagramas"]
    end
    
    subgraph "🔧 Plugins"
        MENU["Menu<br/>🧭 Navegación"]
        HIGHLIGHT["Highlight<br/>💡 Sintaxis"]
        ANIMATE["Animate<br/>🎭 Animaciones"]
        CHART["Chart.js<br/>📈 Gráficos"]
    end
    
    HTML --> REVEAL
    MARKDOWN --> REVEAL
    REVEAL --> MENU
    REVEAL --> HIGHLIGHT
    REVEAL --> ANIMATE
    REVEAL --> CHART
    MERMAID --> MARKDOWN

flowchart TD
    START["🚀 Inicio del Curso"] --> INTRO["🌟 Introducción<br/>Conceptos Básicos"]
    
    INTRO --> FUNDAMENTALS["📚 Fundamentos"]
    FUNDAMENTALS --> TABLES["📊 Diseño de Tablas"]
    FUNDAMENTALS --> TYPES["🏷️ Tipos de Datos"]
    
    TABLES --> BASIC_SQL["🔍 SQL Básico"]
    TYPES --> BASIC_SQL
    
    BASIC_SQL --> INTERMEDIATE["🎯 Nivel Intermedio"]
    INTERMEDIATE --> WHERE["📋 Cláusulas WHERE"]
    INTERMEDIATE --> FUNCTIONS["⚙️ Funciones SQL"]
    
    WHERE --> RELATIONS["🔗 Relaciones"]
    RELATIONS --> JOINS["⚡ Operaciones JOIN"]
    
    JOINS --> ADVANCED["🚀 Nivel Avanzado"]
    ADVANCED --> GROUPING["📈 GROUP BY"]
    ADVANCED --> HAVING_CLAUSE["🎯 HAVING"]
    ADVANCED --> TOOLS["🛠️ Herramientas Avanzadas"]
    
    TOOLS --> PROJECTS["💼 Proyectos Prácticos"]
    PROJECTS --> GITHUB["🌐 Publicación en GitHub"]