Diagramas Mermaid y Graphviz
Pega código, previsualiza el diagrama y exporta una imagen.
Código
Vista previa
Cargando el motor de diagramas…Tu diagrama aparecerá aquí.
El código permanece en tu navegador. No se envía a Dentry ni a un servicio de dibujo.
Del código al diagrama
1. Añade tu código
Pega Mermaid o Graphviz DOT, importa un archivo o empieza con un ejemplo. También puedes pegar un único bloque de diagrama Markdown delimitado.
2. Revisa la vista previa
La vista previa se actualiza cuando dejas de escribir. Los errores de sintaxis aparecen bajo el código; el último diagrama válido permanece visible mientras los corriges.
3. Exporta el diagrama
Elige SVG para una imagen vectorial o PNG para un documento o una presentación. Guarda el código fuente para seguir editándolo más adelante.
Dos lenguajes de diagramas
Mermaid admite diagramas de flujo, secuencias, estados, clases, relaciones entre entidades, diagramas de Gantt y más. Mermaid Referencia de sintaxis ↗
Graphviz DOT sirve para grafos dirigidos, mapas de dependencias y diagramas de flujo técnicos. Graphviz Referencia de sintaxis ↗
Archivos y privacidad
Importa .mmd, .mermaid, .dot, .gv, .txt o un archivo Markdown con un único diagrama. El borrador local se comparte entre idiomas en este navegador. Restablecer elimina el borrador guardado.
Los enlaces interactivos, las imágenes externas y la configuración personalizada de Mermaid están desactivados. Los diagramas grandes pueden necesitar simplificarse antes de exportarlos.