Este proyecto utiliza Mermaid.js, una biblioteca que permite crear diagramas y gráficos directamente desde texto en Markdown. Representa las instancias finales de la Copa Mundial 2022, destacando los equipos y sus progresos desde los octavos de final hasta la final.

• Visualización con Mermaid.js:

  • Dos diagramas interactivos muestran los equipos que compitieron en las instancias finales.
  • Una vista para cada lado del cuadro:
    • Argentina avanzando hasta la victoria final.
    • Francia, el subcampeón, con su progreso.

• Diseño Responsivo:

  • Diagramas incrustados en un contenedor adaptable.

• Mermaid.js:
  • Genera gráficos en el navegador a partir de texto en un formato sencillo.
• HTML5:
  • Estructura básica de la página.
• CSS:
  • Estilo básico para el diseño.
• JavaScript ES Modules:
  • Importa Mermaid.js directamente desde una CDN.

⚠️ Notas Importantes

Requiere un Navegador Moderno: Asegúrate de usar un navegador actualizado con soporte para ES Modules.

Hosting Local: Si el archivo no funciona al abrirlo directamente, usa un servidor local (como live-server):

  npm install -g live-server
  live-server

📝 Licencia

Este proyecto está bajo la licencia MIT. Puedes usarlo, modificarlo y distribuirlo libremente.