¿Qué tipos de diagramas se admiten?

Todos los que admite Mermaid 12: diagramas de flujo, de secuencia, de clases, de estados, entidad-relación, Gantt, circulares, mapas mentales, líneas de tiempo, Git graph, journey y cuadrantes.

¿Por qué el PNG se ve más nítido que una captura de pantalla?

El PNG se genera a partir del SVG vectorial al doble de su tamaño natural, así que se ve nítido en pantallas de alta densidad y en presentaciones.

¿Puedo usar el SVG exportado en GitHub o Notion?

Sí. El SVG es un archivo independiente con tamaño y fondo fijos, así que se abre en navegadores, herramientas de diseño y documentos. GitHub y muchas wikis también pueden renderizar directamente el código Mermaid.

Editor Mermaid — Editor de diagramas online en vivo

Escribe código Mermaid y ve al instante diagramas de flujo, de secuencia, de clases, de estados, ER y Gantt. Exporta SVG o PNG. Gratis, en tu navegador.

diagram.mmd

Cargando Mermaid…

Renderizado localmente con Mermaid en modo estricto. Tu código no se sube.

Referencias de formatos

Mermaid — Diagram syntax
Mermaid — Security level

Página de la herramienta actualizada: 2026-10-23

Guía y ejemplo

Herramientas relacionadas

Referencias de formatos