🖼 Visualize how common Git operations affect the commit graph
JavaScript CSS HTML
Clone or download

README.md

Visualize Git

Git is an amazingly powerful tool — and it can be amazingly confusing. Demystify Git commands with visualizations powered by D3. Give it a try at http://git-school.github.io/visualizing-git/!

By Git School

Visualize Git illustrates what's going on underneath the hood when you use common Git operations. You'll see what exactly is happening to your commit graph. We aim to support all the most basic git operations, including interacting with remotes.

Here are some examples of the fun things you can do with it:

Rebase

rebase

Cherry-pick

cherry-pick

Push/pull

push-pull

Supported operations

Type help in the command box to see a list of supported operations

pres() = Turn on presenter mode
undo = Undo the last git command
redo = Redo the last undone git command
mode = Change mode (local or remote)
clear = Clear the history pane and reset the visualization

Available Git Commands:

git branch
git checkout
git cherry_pick
git commit
git fetch
git log
git merge
git pull
git push
git rebase
git reflog
git reset
git rev_parse
git revert
git tag

We hope you find this tool useful! Issues and pull requests are welcome! Enjoy!

Based on the awesome work done by @onlywei 🙇