mermaid JS

La librería mermaid es una pequeña librería JavaScript desarrollada en NodeJS para la creación, a partir de marcas de texto dentro de un String, diagramas y flujos. El Link para la documentación así como descarga y más información sobre el proyecto lo tenemos a continuación.

https://mermaid-js.github.io/

Al ser una librería externa creemos que es mejor vincular con la fuente original para más información, además de así mostrar autoría y la indormación de uso más fiderigna entre otras opciones. Si os gusta por favor, apoyar el proyecto en la medida que podáis, ya sea dándolo a conocer o mediante los medios que los autores presenten.

Para integrar mermaidjs en la documentación jugaremos con la misma sintaxis u estructura de MarkDown, usando un bloque de código donde intgrar nuestro diagrama, con nombre del lenguaje "mermaidjs". Dicha estructura puede adaptarse, según la idea de los bloques de código, con el sistema dado para MediaWiki a partir de la etiqueta HTML source lang, o en adaptación a interpretación JS, pre lang.

WMarkDown	Resultado
Language txt Lines 4 Characters 63 ```mermaid graph LR A["Ejemplo A"] --> B["Ejemplo B"] ```	Language mermaid Lines 2 Characters 46 graph LR A["Ejemplo A"] --> B["Ejemplo B"]

WMarkDown

Resultado

                    
                    
                        
                        Language
                        txt
                    
                
                    
                        
                        Lines
                        4
                    
                
                    
                        
                        Characters
                        63
                    
                
                    
                        

                        ```mermaid
graph LR
A["Ejemplo A"] --> B["Ejemplo B"]
```

                    
                    
                        
                        Language
                        mermaid
                    
                
                    
                        
                        Lines
                        2
                    
                
                    
                        
                        Characters
                        46
                    
                
                    
                        graph LR
A["Ejemplo A"] --> B["Ejemplo B"]