# nirmalscaria/le-git-graph

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/nirmalscaria-le-git-graph).**

5,889 stars · 42 forks · JavaScript · mit

## Links

- GitHub: https://github.com/NirmalScaria/le-git-graph
- Homepage: https://chrome.google.com/webstore/detail/le-git-graph-commits-grap/joggkdfebigddmaagckekihhfncdobff
- awesome-repositories: https://awesome-repositories.com/repository/nirmalscaria-le-git-graph.md

## Topics

`chrome-extension` `collaborate` `git-graph` `github` `hacktoberfest`

## Description

Le Git Graph is a browser-based tool that displays a visual commit graph for any GitHub repository, showing branch structure and commit history directly in the page. It operates as a single-page application that injects the commit graph into existing repository pages without full page reloads, using OAuth to authenticate with GitHub and authorize API requests for commit data.

The tool renders commit nodes and branch lines on an HTML canvas element for smooth, high-performance visualization of complex git histories. It filters the commit graph to show only commits from a selected branch, hiding unrelated branches and their merge points. When hovering over a commit node, a floating overlay displays commit metadata such as author, date, and message. Commits are loaded incrementally from the GitHub API as the user scrolls, fetching additional pages to build the full graph without initial overhead.

The project provides a focused view of git commit history, enabling users to inspect commit details and filter by branch directly within the GitHub interface.

## Tags

### Development Tools & Productivity

- [Commit Graph Visualizers](https://awesome-repositories.com/f/development-tools-productivity/version-control-repository-tools/version-control-managers/repository-utilities/history-analysis-visualization/commit-graph-visualizers.md) — Displays a visual commit graph on repository pages to show branch structure and commit history. ([source](https://cdn.jsdelivr.net/gh/nirmalscaria/le-git-graph@main/README.md))
- [Hover-Triggered Metadata Inspectors](https://awesome-repositories.com/f/development-tools-productivity/commit-management/commit-message-annotations/hover-triggered-metadata-inspectors.md) — Shows commit metadata such as author, date, and message when hovering over a graph node.
- [Hover-Based Metadata Displays](https://awesome-repositories.com/f/development-tools-productivity/repository-metadata/detailed-metadata-retrievers/hover-based-metadata-displays.md) — Shows commit metadata when hovering over a node in the graph to inspect details without navigating away.

### DevOps & Infrastructure

- [Branch Filters](https://awesome-repositories.com/f/devops-infrastructure/version-control-management/version-control-workflows/branch-based-isolation/branch-filters.md) — Filters the commit graph to show only commits from a selected branch, hiding unrelated branches.

### Graphics & Multimedia

- [Canvas Rendering](https://awesome-repositories.com/f/graphics-multimedia/canvas-rendering.md) — Renders commit nodes and branch lines on an HTML canvas element for smooth visualization.

### Security & Cryptography

- [GitHub OAuth Integrations](https://awesome-repositories.com/f/security-cryptography/oauth-authentication/github-oauth-integrations.md) — Authenticates with GitHub via OAuth to authorize API requests for repository commit data.

### Data & Databases

- [On-Demand Subset Loading](https://awesome-repositories.com/f/data-databases/on-load-data-fetchers/on-demand-subset-loading.md) — Loads additional commits from the GitHub API as the user scrolls or requests more history. ([source](https://cdn.jsdelivr.net/gh/nirmalscaria/le-git-graph@main/README.md))
- [Paginated Commit Fetchers](https://awesome-repositories.com/f/data-databases/on-load-data-fetchers/on-demand-subset-loading/paginated-commit-fetchers.md) — Loads additional commits from the GitHub API as the user scrolls through history.

### User Interface & Experience

- [Commit Metadata Overlays](https://awesome-repositories.com/f/user-interface-experience/hover-previews/commit-metadata-overlays.md) — Shows commit metadata such as author, date, and message when hovering over a graph node.

### Web Development

- [On-Demand Loaders](https://awesome-repositories.com/f/web-development/data-fetching-caching/on-demand-loaders.md) — Loads commits incrementally from the GitHub API as the user scrolls, fetching additional pages.
- [Single-Page Applications](https://awesome-repositories.com/f/web-development/single-page-applications.md) — Operates as a client-side SPA that injects the commit graph into existing repository pages without full page reloads.