Gitgraph.js - Web上でGitリポジトリのグラフを描く // MOONGIFT Archived

Gitはフォークしたりブランチを作って開発するのが常なので、枝分かれしたり合流したりしながら開発が進んでいきます。長い履歴の中で描かれるグラフに美しさを感じる人も多いのではないでしょうか。今回はそうしたGitグラフを描くJavaScriptライブラリ、Gitgraph.jsを紹介します。

Gitgraph.jsの使い方

一例です。ブランチが作られた後、マージされています。

テンプレートが選べます。これは矢印がないメトロです。

横だけでなく縦に描くこともできます。

Gitgraph.jsはGitリポジトリのグラフをWebブラウザ上で実現します。あまり需要は多くないかもしれませんが、こうした枝分かれ/合流するようなグラフは意外とニーズがあります。そうしたグラフを書く際に、Gitリポジトリで表現してしまうといった技も使えそうです。

Gitgraph.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。