A couple of githubbers (aka those who work at github) put together an interactive visualization of git commands (as an open source project). For whatever reason, being able to play with this particular visualization tool allowed git things to click big-time, which you’ll see more in tomorrow’s tip.
http://git-school.github.io/visualizing-git/
A couple of commands to know that are only for the visualization tool itself and nothing to do with Git:
- “undo” – undoes your last command to the tool. not a git command.
- “clear” – gets you back to a clear Free Explore state – see the dropdown
Note that the tool doesn’t have a concept of
- staging or a working directory – so no getting to practice the differences between `git reset –hard` or `git reset –mixed` or `git reset –soft`
- interactive rebase
But like I said before, just being able to visualize what on earth is happening has been a huge lightbulb moment.
They are taking pull requests, so if you know of a good example, why not put together an example demo script for their examples folder?
That’s pretty cool, have you seen http://learngitbranching.js.org/ ?
LikeLike
ah yes, I have seen it before, but it was a long time ago. The more visualization tools the better since we all learn in different ways!
LikeLike
I also learned a lot about git through this type of visualization. I saw it before at http://onlywei.github.io/explain-git-with-d3/
LikeLike
Very cool! It turns out that this visualization tool was based on the work done by onlywei. See bottom of readme for https://github.com/git-school/visualizing-git
LikeLike