ITエンジニア/デザイナ向けにオープンソースを毎日紹介

組織図であったり、家系図といった図を描こうと思ったらどんなツールを使っているでしょうか。ドローツールも使えますが、編集したりするのが面倒だったりします。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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2