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生成它。

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生成它。

GitGraph（GitGraph）

它生成Git存储库提交历史的PNG或SVG表示。

对于OS X用户，我采用了@gospes示例，并针对gsed（通过Homebrew安装的gnu-sed）对其进行了轻微修改，并调整了颜色（以使用黑色背景，但不确定原始示例可能会以示例中的方式呈现，因为它在具有黑色背景的终端上指定了黑色文本）。

[alias]
    # tree, vtree, stree support
    logx = log --all --graph --decorate=short --color --format=format:'%C(bold blue)%h%C(reset)+%C(bold black)(%cr)%C(reset)+%C(auto)%d%C(reset)++\n+++       %C(bold black)%an%C(reset)%C(bold black): %s%C(reset)'
    tree = log --all --graph --decorate=short --color --format=format:'%C(bold blue)%h%C(reset) %C(auto)%d%C(reset)\n         %C(bold black)[%cr]%C(reset)  %x09%C(bold black)%an: %s %C(reset)'
    stree = !bash -c '" \
    while IFS=+ read -r hash time branch message; do \
        timelength=$(echo \"$time\" | gsed -r \"s:[^ ][[]([0-9]{1,2}(;[0-9]{1,2})?)?m::g\"); \
        timelength=$(echo \"16+${#time}-${#timelength}\" | bc); \
        printf \"%${timelength}s    %s %s %s\n\" \"$time\" \"$hash\" \"$branch\" \"\"; \
    done < <(git logx && echo);"' | less -r
    vtree = !bash -c '" \
    while IFS=+ read -r hash time branch message; do \
      timelength=$(echo \"$time\" | gsed -r \"s:[^ ][[]([0-9]{1,2}(;[0-9]{1,2})?)?m::g\"); \
      timelength=$(echo \"16+${#time}-${#timelength}\" | bc); \
      printf \"%${timelength}s    %s %s %s\n\" \"$time\" \"$hash\" \"$branch\" \"$message\"; \
    done < <(git logx && echo);"' | less -r

OS X的关键是首先安装GNU sed（它具有-r选项）。使用Homebrew最容易做到这一点，它不会覆盖已安装的sed系统，而是将GNU sed安装为“gsed”。我希望这有助于@SlippD.Thompson，他在上面评论了OS X不工作。

Gitg是GNOME的Gitk和GitX的克隆（它也适用于KDE等），它显示了一个漂亮的彩色图形。

它正在积极开发（截至2012年）。它允许您按时间顺序或拓扑顺序对提交（图形节点）进行排序，并隐藏不会导致选定分支的提交。

它适用于大型存储库和复杂的依赖关系图。

示例屏幕截图，显示linuxgit和linux-2.6存储库：

有一个时髦的Git提交图作为Raphael web图形库的演示之一。

这个演示是静态的，但应该很容易获取代码并将静态数据交换为一组实时数据——我认为这只是JSON格式的Git提交数据。

演示在这里：http://dmitrybaranovskiy.github.io/raphael/github/impact.html