Editor Mermaid
Edite gráficos y diagramas Mermaid sin esfuerzo con este editor en línea gratuito.
Escriba y previsualice diagramas Mermaid en tiempo real. Cree diagramas de flujo, diagramas de secuencia, diagramas de Gantt y más para documentación técnica y wikis.
Editor Mermaid
Edite gráficos y diagramas Mermaid sin esfuerzo con este editor en línea gratuito.
Acerca de esta herramienta
Escriba y previsualice diagramas Mermaid en tiempo real. Cree diagramas de flujo, diagramas de secuencia, diagramas de Gantt y más para documentación técnica y wikis.
Preguntas Frecuentes
Preguntas y respuestas frecuentes sobre este tema.
¿Qué es Mermaid?
Mermaid es un lenguaje de diagramación basado en texto que renderiza diagramas de flujo, diagramas de secuencia, diagramas de clases y más a partir de sintaxis similar a Markdown. Se usa ampliamente en GitHub, GitLab y documentación técnica.
¿Qué tipos de diagrama se admiten?
Diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas de estado, diagramas entidad-relación, diagramas de Gantt, gráficos circulares y más. El editor soporta todos los tipos de diagrama disponibles en la biblioteca Mermaid.
¿Puedo exportar el diagrama?
Sí, puede descargar el diagrama renderizado como imagen para usar en presentaciones, documentación u otros proyectos.
¿Mis datos se envían a algún servidor?
No, el renderizado de diagramas Mermaid se ejecuta completamente en su navegador. Su código de diagrama se analiza y renderiza localmente con JavaScript — nada se envía a ningún servidor.
¿Cómo escribo la sintaxis de Mermaid?
Comience declarando el tipo de diagrama (por ejemplo, flowchart TD, sequenceDiagram, classDiagram). Luego defina nodos, conexiones y etiquetas usando la sintaxis de texto de Mermaid. Use las plantillas integradas para explorar diferentes tipos de diagrama.
¿Puedo usar Mermaid en GitHub o Markdown?
Sí, GitHub, GitLab, Notion y muchos renderizadores de Markdown admiten bloques de código Mermaid de forma nativa. Simplemente envuelva su código de diagrama en un bloque de código cercado ```mermaid y se renderizará como un diagrama.