https://github.com/git-school/visualizing-git

:framed_picture: Visualize how common Git operations affect the commit graph
https://github.com/git-school/visualizing-git

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/git-school/visualizing-git
• Owner: git-school
• License: mit
• Created: 2016-04-14T06:00:17.000Z (over 8 years ago)
• Default Branch: gh-pages
• Last Pushed: 2024-02-16T20:41:13.000Z (7 months ago)
• Last Synced: 2024-04-09T01:05:29.939Z (6 months ago)
• Language: JavaScript
• Homepage: http://git-school.github.io/visualizing-git/
• Size: 968 KB
• Stars: 1,196
• Watchers: 35
• Forks: 182
• Open Issues: 70
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
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/](http://git-school.github.io/visualizing-git/)!

![By Git School](http://i.imgur.com/EiuyjJQ.png?1)

[Visualize Git](http://git-school.github.io/visualizing-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](images/viz-rebase.gif)

## Cherry-pick

![cherry-pick](images/cherry-pick.gif)

## Push/pull

![push-pull](images/remote.gif)

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

Based on the awesome work done by [@onlywei](https://github.com/onlywei/explain-git-with-d3) :bow: