OkayuTech

情報系大学生の技術的なこと

graphvizで家系図っぽい有向グラフを書いてみた

有向グラフや無向グラフを描くのに、イラレやパワポをイジイジするのも馬鹿らしく感じませんか。
ググってみると、graphvizとかいうソフトで簡単に書けるらしいです。

Graphviz - Graph Visualization Software

とりあえず使ってみます。今回は題材として家系図を用いました。

サザエさん一家

定番なのかは分かりませんが、いわゆるサザエさん一家(タマを除く)の家系図を描いてみます。

gist894f2c2958c8c8edd12e64a9fa2f24ca

f:id:okayu_k:20161106033412p:plain

親→子となるように示しています。本来の家系図とはかなり見た目が違いますが、家系図といえば家系図だと思います。

クレヨンしんちゃん

関係を知らないので、適当にググって出てきたものを使用しています。

gist9caf6a2de449597c4b065ca5613e3aa2

f:id:okayu_k:20161106035054p:plain

なかなかややこしい。

Overflow作品

Overflow作品では全ての作品の全てのエンドが正史とされているため、当然ながら家系図も複雑なものとなります。

dic.nicovideo.jp

gist435296d4abca37f658f0c7f05af3967b

f:id:okayu_k:20161106154616p:plain

あまりにも家系図が横に長くなりすぎたため、拡大して頑張って見てください。

家系図は普通階層的に描くものですが、今回に限っては放射状に書くのが適していると思われます。

放射状に、かつ互いのノードが重ならないようにする方法は以下にありました。

stackoverflow.com

f:id:okayu_k:20161106154923p:plain

もう何がどうなってるのかよくわからないです

まとめ

graphviz便利そう