Renderizador de Diagramas de Secuencia

Escribe un pequeño DSL estilo Mermaid a la izquierda y mira el SVG a la derecha. Participantes, líneas de vida, flechas sólidas y discontinuas, notas y auto-mensajes — todo renderizado a mano, sin Mermaid, sin subir nada. Copia el SVG o descárgalo como archivo .svg.

Ejemplo — elige un inicial — Flujo de inicio de sesión Reintento con backoff Difusión pub/sub Checkout Copiar SVG Descargar .svg

Referencia rápida del DSL

• # o // al inicio de una línea es un comentario.
• title: Login flow — título opcional del diagrama.
• participant Cliente — declara un participante. Añade as Etiqueta para mostrar un nombre distinto.
• A -> B: mensaje — flecha sólida (síncrona).
• A --> B: respuesta — flecha discontinua (asíncrona / respuesta).
• A -> A: pensar — auto-mensaje (bucle).
• note left of A: texto — nota en el margen izquierdo de A.
• note right of A: texto — nota en el margen derecho de A.
• note over A,B: texto — nota que abarca A y B (dos o más ids).
• Indenta una línea con dos espacios (o un tabulador) para continuar el cuerpo del mensaje o nota anterior.
• Los participantes referenciados dentro de mensajes se declaran automáticamente; las notas aún requieren un participant explícito.