スナックelve 本店

バツイチ40代女の日記です

mermaid記法 マインドマップ

技術向けの情報書いてなくても使い勝手良さそう。
いろんな形を描けそうなんだけど、ブログだと観るのがどうかな? テスト
ソース
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{{ヘキサゴン ほげほげ}};