Widget:Graph/doc

https://docs.mermaidchart.com/mermaid/intro

• Graf, podobný následujcímu vzniká propojením nodů – uzlů, které definuje řetezec node_name za kterým je v hranaté závorce uveden jeho obsah: node_name[Node text]
• Propojená nodů se vygeneruje na základě sekvence -->
• Propojovací sekvenci lze modifikovat
• Spojení, nebo rozdělení více nodů do jednoho zajistí ampresand &
• Propojení lze popisovat. A to tak, že se řetězec, který popisuje propojení, umístí mezi svislítka. Svislítko ale systém MediaWiki interpretuje jako oddělovač proměnných. Proto je potřeba místo něj použít šablonu {{!}}

Následující příklad je graf je typu flowchar LR (left->right). Mají-li položky jít shora dolů, použije se TD (top->down)

• Odsazení a mezery hrají roli. Následující graf je typu kanban:

• Lze generovat i tzv. „myšlenkové mapy” mindmap

Problémy mohou dělat grafy, které pracují se znakem =, např. zenuml

Pokud chcete vygenrované SVG upravit v aplikaci Inkscape, je potřeba udělat v kódu malou opravu. Nahradit root{--mermaid-font-family za root{mermaid-font-family. Udělat to lze např. pomocí aplikace sed: $ sed -i 's/--mermaid-font-family/mermaid-font-family/g' ulozeny_graf.svg https://github.com/mermaid-js/mermaid/issues/2102#issuecomment-2508677541