Uso y Editor Live de Mermaid
Resumen
Guía rápida y flujo de trabajo para la utilización de sintaxis de Mermaid. Incluye el acceso directo al Live Editor oficial (mermaid.ai/live) para visualizar y depurar el código de los diagramas.
Flujo Básico de Uso de Mermaid
Al documentar arquitecturas o flujos, es vital estructurar los bloques respetando la apertura y el cierre del lenguaje en Markdown.
El flujo conceptual sugerido es:
flowchart LR
Start(Respetar codigo de entrada y salida mermaid) --> Stop(editor de codigo en mermaid.ai/live) --> id1((Pegar el codigo))
Herramientas
Para probar tus diagramas de manera visual sin necesidad de renderizarlos en un entorno local, puedes hacer uso del editor en línea oficial:
