Mermaid - GitBook > Gantt Chart + Family Tree

要望

• 年代を記載
• 親子関係を記載

Mermaid

https://mermaidjs.github.io/
にて作成。

• ガントチャートで年代を記載
• 親子関係は色で記載
  • done, active, crit, done, active, crit,...

gantt
  title Animation companies

  section 虫プロダクション(旧) 1961.6-1973.11
  マッドハウス(1972.10-): done, 1972-10-01, 2018-06-11
  トライアングルスタッフ(1987.1-): active, 1987-01-01, 2018-06-11
  ACGT(2000.12-): crit, 2000-12-01, 2018-06-11
  ノーマッド(2003.7-): active, 2003-07-01, 2018-06-11
  MAPPA(2011.6-): active, 2011-06-01, 2018-06-11
  イマジン(1992.6-): done, 1992-06-01, 2018-06-11
  グループ・タック(1968.3-2010.8): done, 1968-03-01, 2010-08-01
  ディオメディア(2005.10-): active, 2005-10-01, 2018-06-11
  サテライト(1995.12-): active, 1995-12-01, 2018-06-11
  シャフト(1975.9-): done, 1975-09-01, 2018-06-11

Link to view

• 色は親子関係を表す
  • 同じ代は同じ色
• 直上の別の色が親を表す
  • 別の同じ代の子も別の色なので、まぎらわしい
    • 例: ACGT

Sectionを分けることで、虫プロダクション以外の親も扱える。