Git Graph

Visualize the Directed Acyclic Graph that Git creates to connect Commit, Tree and Blob objects internally.

Hosted at git-graph.harshkapadia.me.

NOTE:

• Learn about Git Objects.
• This web app is a part of my Git Internals talks.
• Special thanks to @KartikSoneji for his help with parsing Tree files and @tusharnankani for his UI/UX suggestions.
• Please report errors and bugs by raising issues.

Usage

• Select the .git directory of a repository for the graph to render.
  • If the .git directory is not visible in the directory picker, please enable hidden file viewing on the local machine.
  • Extremely huge repositories might not load due to browser memory constraints.
  • 'Packed repo' error: Please unpack all the packfiles (.pack files) in the repository. (Tutorial)
• Using the Branch Selector, any local branch can be visualized.
  • 'No branch' error: No branches could be found. Either the directory uploaded is not a .git directory or the repository has no commits in the checked out branch.
• Using the Commit Selector, one or more Commits and their corresponding Trees and Blobs can be highlighted.
• Hover over objects and click on the 'Raw' button to view the raw contents of that Git Object.

Screenshots

Select the branch to render 👇

Select commit(s) to highlight 👇

View the raw contents of any Git Object 👇

Contribution

Contributors are most welcome! Please go through the CONTRIBUTING.md file for local project setup instructions and the component and object structures.