datagonerogue/visualizing-git
1
0
Fork
You've already forked visualizing-git
0
🖼️ Visualize how common Git operations affect the commit graph https://visualizing-git.mikoshi.in/
JavaScript 86.2%
CSS 8%
HTML 5.8%
Find a file
2025年01月07日 17:43:15 +00:00
css Make refs more visible 2018年03月07日 14:47:17 +01:00
examples Add merging.md file with examples 2016年07月27日 16:36:55 -07:00
images Update readme with GIFs 2016年06月06日 14:21:04 -07:00
js Fix cherry-pick key 2019年01月30日 01:03:50 -08:00
.domains Add .domains 2024年11月11日 15:50:57 +00:00
index.html Add google analytics 2018年03月09日 14:51:14 +01:00
LICENSE.md Added relevant information to license file. 2014年03月22日 10:16:08 -07:00
memtest.html Beautify project files (indent 2 spaces) 2016年04月17日 14:18:33 -07:00
README.md replace website links 2025年01月07日 17:43:15 +00:00

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 https://visualizing-git.mikoshi.in/!

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 🙇