Editor Mermaid
Escribe diagramas Mermaid y renderízalos en vivo como SVG, con mensajes de error que señalan el problema.
Press Render to draw the diagram.
Cómo usar
Write a diagram in Mermaid syntax and press Render to preview it as SVG. Flowchart, sequence diagram and class diagram examples are included so you can start by editing them. Download SVG saves the finished diagram as a file. Syntax errors show Mermaid's own error message.
Notas
Rendering happens in your browser; your diagram source is never sent to a server. Mermaid is initialized with securityLevel "strict", so HTML labels and click events inside diagrams are disabled.
Preguntas frecuentes
Which diagram types are supported?
Anything Mermaid supports: flowcharts, sequence diagrams, class diagrams, state diagrams, Gantt charts and more.
Can I export a PNG?
This tool exports SVG only. SVG scales without quality loss and can be embedded directly in web pages.