Vista previa Mermaid

Elige un ejemplo o escribe código Mermaid y pulsa Renderizar (Ctrl/⌘+Intro en el editor). Tras la primera petición, En directo sigue las ediciones tras una pausa; desactívalo para renderizar manualmente. Intro normal añade una línea. Cada edición invalida inmediatamente la vista anterior y la descarga.

Ejemplos: flujo, secuencia, clase, Gantt, sectores, estados y entidad-relación. Las etiquetas son datos de demostración editables. Los errores aparecen junto al editor, con línea cuando está disponible. Corrige y vuelve a renderizar.

Ajustar ancho reduce diagramas grandes sin ampliar los pequeños. Desactívalo para desplazar a tamaño natural. El SVG contiene el último diagrama válido con viewBox y dimensiones explícitas. No es PDF ni documento ofimático. Los visores SVG difieren al mostrar etiquetas HTML.

Mermaid 10.9.5 se carga desde jsDelivr al renderizar por primera vez. El cálculo se realiza en tu navegador; el CDN recibe la petición de biblioteca, no tu código. Reintenta tras un error de red/CSP; un error de módulo guardado puede requerir recargar la página. El borrador se conserva solo en memoria durante la navegación, no al recargar. Límites: 20000 caracteres y 500 enlaces; un diagrama grande puede tardar, sin interrupción forzada del cálculo activo. Modo estricto y salida saneada; se omiten imágenes externas integradas.