MDX Featured

Demo MDX: Mermaid dentro de Impress.js

Una prueba de presentación espacial donde cada paso de Impress.js puede contener diagramas Mermaid y texto rastreable.

Deck con diagramas

Este demo prueba una presentación Impress.js donde los pasos pueden incluir diagramas Mermaid. El texto sigue visible en HTML, y el diagrama queda acompañado por contexto editorial.

Mapa de una idea

Un deck MDX puede combinar narrativa, visualización y estructura semántica.

Flujo de lectura

De concepto a publicación
flowchart TD
  A[Concepto] --> B[Esquema]
  B --> C[MDX]
  C --> D[Mermaid]
  C --> E[Impress.js]
  D --> F[Pagina publicada]
  E --> F
El diagrama vive dentro de un paso de Impress.js.

Relaciones simbólicas

Triada conceptual
graph LR
  Luz((Luz)) --- Conocimiento[Conocimiento]
  Conocimiento --- Trabajo[Trabajo interior]
  Trabajo --- Luz
Ejemplo sencillo de relaciones entre temas.

Cierre

Si esto se ve bien, podemos crear presentaciones editoriales completas desde archivos MDX.

Por qué sirve

Esta combinación permite publicar una pieza que funciona como artículo, presentación y recurso visual al mismo tiempo.

Siguiente paso

Podemos convertir ensayos largos en decks navegables sin perder SEO, porque los títulos, párrafos y captions siguen estando en el HTML.