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 https://bfritscher.github.io/visualizing-git/!
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:
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
edit = Make a file edit
mode = Change mode (local or remote)
clear = Clear the history pane and reset the visualization
Available Git Commands:
git branch [-d] [-r] [-a] [-m]
git checkout [-b, --]
git cherry-pick [refs] [-m parent-nb]
git commit [-m msg] [--amend]
git fetch
git log [parent]
git merge [--no-ff]
git pull
git push [-f]
git rebase
git reflog [show] [exists]
git reset [--soft] [--mixed] [--hard] [HEAD]
git rev-parse
git revert [-m parent-nb]
git tag [name] [-d|--delete]
git add [.|-u] [filename]
git stash [pop] [apply] [drop] [clear]
We hope you find this tool useful! Issues and pull requests are welcome! Enjoy! ✨
Based on the awesome work done by @onlywei 🙇 https://github.com/git-school/visualizing-git https://github.com/dpatel19/visualizing-git/tree/working_tree_viz https://github.com/RezaKargar/visualizing-git