¿Qué es Mermaid?
Mermaid es una herramienta de diagramas y gráficos basada en JavaScript que proporciona definiciones de texto inspiradas en Markdown para crear y modificar diagramas dinámicamente. Ofrece soporte a diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas de estados, gráficos de Gantt, gráficos de pizza, diagramas ER y mapas mentales. Mermaid se utiliza ampliamente en documentación, archivos README y wikis técnicas.
Cómo usar este editor Mermaid
- 1Escriba o colecciona la sintaxis Mermaid en el panel del editor a la izquierda.
- 2La anterior del diagrama se actualiza automáticamente mientras escribes.
- 3Elija un tema (default, dark, forest o neutral) para cambiar el estilo del diagrama.
- 4Haga clic en los botones de ejemplos para cargar diagramas de diferentes tipos.
- 5Exportar el diagrama como SVG (vetorial) o PNG (raster) utilizando los botones de exportación.
Casos de uso comunes
Crear diagramas de arquitectura
Esboce rápidamente diagramas de arquitectura de sistemas, flujo de datos o deployment usando una sintaxis de texto simple.
Generar diagramas de secuencia
Documente interacciones de API, flujos de autenticación o patrones de comunicación entre microservicios.
Planificar proyectos con gráficos de Gantt
Visualice cronogramas de proyectos, dependencias entre tareas y marcos.
Preguntas frecuentes
¿Esta herramienta funciona offline?
Sí. Después de que la página se carga, toda la renderización de los diagramas se produce en el navegador. No es necesario una conexión con Internet para las siguientes ediciones.
¿Qué tipos de diagrama son compatibles?
Flujogramas, diagramas de secuencia, diagramas de clases, diagramas de estados, gráficos de Gantt, gráficos de pizza, diagramas ER, mapas mentales y otros. Consulte la documentación de Mermaid para ver la lista completa.