mermaid.jsで人物相関図をつくる
code:mermaid
%% 人物相関図
flowchart TD
q("<img src='https://scrapbox.io/api/pages/villagepump/クオリアさん/icon#.png/' />")
f("<img src='https://scrapbox.io/api/pages/villagepump/ふーこ/icon#.png/' />")
a("<img src='https://scrapbox.io/api/pages/villagepump/あや/icon#.png/' />")
r("<img src='https://scrapbox.io/api/pages/villagepump/りか/icon#.png/' />")
k("<img src='https://scrapbox.io/api/pages/villagepump/けいこ先生/icon#.png/' />")
w1("<img src='https://scrapbox.io/api/pages/villagepump/who1/icon#.png/' />")
w5("<img src='https://scrapbox.io/api/pages/villagepump/who5/icon#.png/' />")
i("<img src='https://scrapbox.io/api/pages/villagepump/イドバタニシ/icon#.png/' />")
q-->f
q-->k
q-->|観察|i
q-->|観察|w1
f<-->|alias|w5
k-->|師弟関係|f
k-->|師弟関係|a
k-->|師弟関係|r
f-->|同級生|a
f-->|同級生|r
f-->|観察|i
w1<-->|兄妹|w5
#mermaid.js
#人物相関図
面白いzatsma.icon