https://github.com/harshkapadia2/git-graph

Visualize the Directed Acyclic Graph that Git creates to connect Commit, Tree and Blob objects internally.
https://github.com/harshkapadia2/git-graph

directed-acyclic-graph git git-graph git-internals react-js

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/harshkapadia2/git-graph
• Owner: HarshKapadia2
• License: mit
• Created: 2022-01-17T23:57:49.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-03T11:22:17.000Z (almost 2 years ago)
• Last Synced: 2024-11-06T23:37:12.095Z (3 months ago)
• Topics: directed-acyclic-graph, git, git-graph, git-internals, react-js
• Language: JavaScript
• Homepage: https://git-graph.harshkapadia.me
• Size: 6.77 MB
• Stars: 27
• Watchers: 2
• Forks: 1
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Git Graph

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

Hosted at [git-graph.harshkapadia.me](https://git-graph.harshkapadia.me).

> NOTE:

>

> -   [Learn about Git Objects.](https://git.harshkapadia.me/#_git_objects)

> -   This web app is a part of [my Git Internals talks](https://talks.harshkapadia.me/git_internals).

> -   Special thanks to [@KartikSoneji](https://github.com/KartikSoneji) for his help with parsing Tree files and [@tusharnankani](https://github.com/tusharnankani) for his UI/UX suggestions.

> -   Please report errors and bugs by [raising issues](https://github.com/HarshKapadia2/git-graph/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](https://git.harshkapadia.me/#_the_pack_directory) (`.pack` files) in the repository. ([Tutorial](https://www.youtube.com/watch?v=cauIy20JhFs))

-   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

![](repo-img/sample-std.png)

Select the branch to render 👇

![](repo-img/sample-branch-selector.png)

Select commit(s) to highlight 👇

![](repo-img/sample-commit-selector.png)

View the raw contents of any Git Object 👇

![](repo-img/sample-raw-object-data.png)

## Contribution

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






	The Git logo by Jason Long is licensed under the Creative Commons Attribution 3.0 Unported License.