Editor de diagramas Mermaid

Escriba Mermaid y véalo dibujarse solo — Elija una plantilla de diagrama (flujo, secuencia, clases, estados, Gantt, circular, cronológico, ER), edite el código fuente de Mermaid a la izquierda y la vista previa se renderiza de nuevo automáticamente. Elija un tema Default / Dark / Neutral / Forest y luego exporte el gráfico como SVG nítido o PNG (1x / 2x / 3x). Mermaid se ejecuta localmente desde la biblioteca incluida — nada de lo que escribe sale de su equipo.
Archivo:
Arrastre aquí un archivo Mermaid o haga clic para elegirlo
.mmd / .mermaid / .txt — o pegue el código fuente de Mermaid abajo
Plantilla:
Opciones de renderizado
Listo. Elija una plantilla o escriba código fuente de Mermaid.
Notas: la vista previa se renderiza de nuevo unos medio segundo después de que deje de escribir. Los errores de sintaxis se muestran arriba mientras el último diagrama correcto sigue en pantalla. La exportación SVG conserva todos los detalles vectoriales; el PNG rasteriza el tema actual a 1x / 2x / 3x con fondo blanco opcional.
Vista previa en vivo
La vista previa del diagrama aparece aquí.