Mermaidはグラフによって書式が変わります。統一しておけばいいのに、と思うのですが、たぶん先行する記法を統合したのじゃないかと感じました。
Live Editor
記法を覚えなくても扱えるオンライン・エディタが出ています。ブラウザで使える。プレビューも出ているので、まず間違えない。
使い方
「Sample Diagrams」からグラフの種類を選択。「Mermaid」に雛形が出てくるので、そこの数値を書き換えます。
「Actions」にある「Copy Markdown」でクリップボードに図形が保存されるので、それを張り付けるだけです。
Textwell
Mermaidアクションを書き換えました。基本は、書いてあるコードを図形に変換します。空欄のときにLive Editorを起動します。
まとめ
Mermaid入門編は一応ここまでとします。