Baike.dev
All toolsOnline toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
V

visualizing-git

> 编程语言
Open source

:framed_picture: Visualize how common Git operations affect the commit graph

1.4K stars0 likes1 views
WebsiteGitHub

About

:framed_picture: Visualize how common Git operations affect the commit graph

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/!

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

Cherry-pick

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:

bash
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! :sparkles:

Based on the awesome work done by @onlywei :bow:

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

JavaScript

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言