quartz/content/Mermaid JS Graphs.md
Miguel Pimentel ae8c2813b1
Pull-Request [ariasae-9-27-2023] from Obsidian (#11)
* PUSH NOTE : The Moon (Earth).md

* PUSH NOTE : Mermaid JS Graphs.md

* PUSH NOTE : Static Site Generators.md

* PUSH NOTE : Projects Overview.md

* PUSH NOTE : Public Journal.md

* PUSH NOTE : Markdown Demo.md

* PUSH NOTE : index.md

* PUSH NOTE : Guide.md
2023-09-27 15:36:12 -05:00

1.8 KiB

title lastmod compartir
Mermaid Graphs 2023-09-27 true

Mermaid JS is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. Mermaid lets you create diagrams and visualizations using text and code.

Check out the Documentation.

Graph Examples

Git Graph

https://mermaid.js.org/syntax/gitgraph.html

gitGraph
   commit
   commit
   branch develop
   checkout develop
   commit
   commit
   checkout main
   merge develop
   commit
   commit
gitGraph
   commit
   commit
   branch develop
   checkout develop
   commit
   commit
   checkout main
   merge develop
   commit
   commit

Mindmap

https://mermaid.js.org/syntax/mindmap.html

mindmap
  root((mindmap))
    Origins
      Long history
      ::icon(fa fa-book)
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      On Automatic creation
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      Mermaid
mindmap
  root((mindmap))
    Origins
      Long history
      ::icon(fa fa-book)
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      On Automatic creation
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      Mermaid