Gitgraph.js允许在没有存储库的情况下绘制漂亮的Git分支。只需编写一个JavaScript代码来配置分支和提交并在浏览器中呈现。交互式文档可用。

var gitGraph = new GitGraph({
   template: "blackarrow",
   mode: "compact",
   orientation: "horizontal",
   reverseArrow: true
});

var master = gitGraph.branch("master").commit().commit();
var develop = gitGraph.branch("develop").commit();
master.commit();
develop.commit().commit();
develop.merge(master);

或使用地铁模板：

或者使用提交消息、作者和标签：

用JSFiddle测试它。

通过@bsara使用GitGraper生成它。

我建议tighttps://github.com/jonas/tig，一个更好的Git命令行工具。

您可以使用Homebrew在macOS上安装tig：

$ brew install tig
$ tig

我刚刚编写了一个工具，它可以使用HTML/Ccanvas生成一个漂亮的Git提交图。

并提供一个jQuery插件，使其易于使用。

[GitHub]https://github.com/tclh123/commits-graph

预览：

Gitgraph.js允许在没有存储库的情况下绘制漂亮的Git分支。只需编写一个JavaScript代码来配置分支和提交并在浏览器中呈现。交互式文档可用。

var gitGraph = new GitGraph({
   template: "blackarrow",
   mode: "compact",
   orientation: "horizontal",
   reverseArrow: true
});

var master = gitGraph.branch("master").commit().commit();
var develop = gitGraph.branch("develop").commit();
master.commit();
develop.commit().commit();
develop.merge(master);

或使用地铁模板：

或者使用提交消息、作者和标签：

用JSFiddle测试它。

通过@bsara使用GitGraper生成它。

git forest是一个优秀的Perl脚本，我已经使用了一年多，我几乎不再直接使用git log命令。

以下是我喜欢这个剧本的一些地方：

它使用Unicode字符在图形中绘制线条，使图形线条看起来更加连续。您可以将--reverse与图形输出相结合，这在常规gitlog命令中是不可能的。它在内部使用gitlog获取提交列表，因此传递给gitlog的所有选项也可以传递给该脚本。

我有一个使用git forest的别名，如下所示：

[alias]
tree = "forest --pretty=format:\"%C(red)%h %C(magenta)(%ar) %C(blue)%an %C(reset)%s\" --style=15 --reverse"

这是终端输出的外观：

基于我在回答相关问题时发现的Graphviz脚本，我黑了一个Ruby脚本，该脚本创建了Git存储库的摘要视图。它消除了所有的线性历史，只显示“有趣的”提交，即那些有多个父母、多个子女或由分支或标记指向的提交。下面是它为jQuery生成的图形片段：

git big picture和BranchMaster是类似的工具，它们试图通过仅显示标记、分支、合并等的关联方式，仅显示图形的高级结构。

这个问题还有其他选择。