組織図であったり、家系図といった図を描こうと思ったらどんなツールを使っているでしょうか。ドローツールも使えますが、編集したりするのが面倒だったりします。Excel職人の方はやはりExcelを駆使して作り上げてしまうかも知れません。 今回はWebベースで使える家系図を作れるkingraphを紹介します。

kingraphの使い方

kingraphはYAML形式で組織図を定義します。例えば以下のようになります。

families:
  - parents: [Marge, Homer]
    children: [Bart, Lisa, Maggie]
  - parents: [Lisa, Milhouse]
    children: [Zia]

people:
  Marge:
    fullname: Marjorie Bouvier Simpson

そしてSVG/PNG/DOTファイルとして出力できます。

kingraph family.yml > family.svg
kingraph family.yml -F png > family.png
kingraph family.yml -F dot > family.dot

以下はサンプルの出力です。

さらに複雑な例も。

kingraphを使えば複雑な組織図をメンテナンスしやすい形で描けます。書いたらSVGやPNGで出力できるので、Webサイトや仕様書などで使うのも簡単でしょう。

kingraphはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

rstacruz/kingraph: Plots family trees using JavaScript and Graphviz