技術向けの情報書いてなくても使い勝手良さそう。
いろんな形を描けそうなんだけど、ブログだと観るのがどうかな？　テスト
ソース
mermaid.js.org

・・・はてなの案内通りセミコロンつけたらでなくね？(^_^;)

＜｜mermaid｜
mindmap
　　でふぉると
｜｜＜

mindmap
　　でふぉると

＜｜mermaid｜
mindmap
　　id[四角　ほげほげ]
｜｜＜

mindmap
　　id[四角　ほげほげ]

＜｜mermaid｜
mindmap
　　id(角丸四角　ほげほげ)
｜｜＜

mindmap
　　id(角丸四角　ほげほげ)

＜｜mermaid｜
mindmap
　　id((円　ほげほげ))
｜｜＜

mindmap
　　id((円　ほげほげ))

＜｜mermaid｜
mindmap
　　id))破裂　ほげほげ((
｜｜＜

mindmap
　　id))破裂　ほげほげ((

＜｜mermaid｜
mindmap
　　id)雲　ほげほげ(
｜｜＜

mindmap
　　id)雲　ほげほげ(

＜｜mermaid｜
mindmap
　　id{{ヘキサゴン　ほげほげ}}
｜｜＜

mindmap
　　id{{ヘキサゴン　ほげほげ}}

はてなのリリースだとセミコロンつけてるよね？

＞｜mermaid｜
graph LR;
hoge –> fuga;
｜｜＜

引用元：技術者向けTips: はてなブログでMermaid記法を利用する方法 – はてなブログ開発ブログ

＜｜mermaid｜
mindmap;
　　id{{ヘキサゴン　ほげほげ}};
｜｜＜

出ない(´；ω；｀)（graph は出る）

mindmap;
　　id{{ヘキサゴン　ほげほげ}};