BranchesTags

Repository files navigation

GitHeat (GitHub Pulse)

A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.

Graph And Data

Core Features

RPG Gamification & Hero Avatar

  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:
    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."

Branching Skill Tree

  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.

Advanced Analytics & Ticker

  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.
    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.

Deep Scale & Themes

  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.

Full Customization

  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.

How to Load

  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.

GitHub Profile Updater (GitHub Action)

You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.

Setup

  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.

Usage in Profile README

To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:

Animated (GIF):

[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)

Static (PNG):

[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)

Replace YOUR_USERNAME with your GitHub username.

Development

  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.

About

Get data about the github contribution graph, and allow for recoloring

Topics

contribution-graphgithub

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Repository files navigation
GitHeat (GitHub Pulse)
A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.
Graph And Data
Core Features
RPG Gamification & Hero Avatar
  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:

    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."
Branching Skill Tree
  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.
Advanced Analytics & Ticker
  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.

    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.
Deep Scale & Themes
  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.
Full Customization
  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.
How to Load
  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.
GitHub Profile Updater (GitHub Action)
You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.
Setup
  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.
Usage in Profile README
To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:
Animated (GIF):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Static (PNG):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Replace YOUR_USERNAME with your GitHub username.
Development
  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.
About
Get data about the github contribution graph, and allow for recoloring
Topics
contribution-graphgithub
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
GitHeat (GitHub Pulse)
A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.
Graph And Data
Core Features
RPG Gamification & Hero Avatar
  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:

    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."
Branching Skill Tree
  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.
Advanced Analytics & Ticker
  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.

    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.
Deep Scale & Themes
  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.
Full Customization
  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.
How to Load
  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.
GitHub Profile Updater (GitHub Action)
You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.
Setup
  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.
Usage in Profile README
To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:
Animated (GIF):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Static (PNG):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Replace YOUR_USERNAME with your GitHub username.
Development
  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.
About
Get data about the github contribution graph, and allow for recoloring
Topics
contribution-graphgithub
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
GitHeat (GitHub Pulse)
A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.
Graph And Data
Core Features
RPG Gamification & Hero Avatar
  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:

    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."
Branching Skill Tree
  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.
Advanced Analytics & Ticker
  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.

    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.
Deep Scale & Themes
  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.
Full Customization
  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.
How to Load
  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.
GitHub Profile Updater (GitHub Action)
You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.
Setup
  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.
Usage in Profile README
To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:
Animated (GIF):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Static (PNG):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Replace YOUR_USERNAME with your GitHub username.
Development
  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.
About
Get data about the github contribution graph, and allow for recoloring
Topics
contribution-graphgithub
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Repository files navigation
GitHeat (GitHub Pulse)
A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.
Graph And Data
Core Features
RPG Gamification & Hero Avatar
  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:

    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."
Branching Skill Tree
  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.
Advanced Analytics & Ticker
  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.

    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.
Deep Scale & Themes
  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.
Full Customization
  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.
How to Load
  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.
GitHub Profile Updater (GitHub Action)
You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.
Setup
  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.
Usage in Profile README
To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:
Animated (GIF):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Static (PNG):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Replace YOUR_USERNAME with your GitHub username.
Development
  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.
About
Get data about the github contribution graph, and allow for recoloring
Topics
contribution-graphgithub
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
GitHeat (GitHub Pulse)
A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.
Graph And Data
Core Features
RPG Gamification & Hero Avatar
  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:

    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."
Branching Skill Tree
  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.
Advanced Analytics & Ticker
  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.

    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.
Deep Scale & Themes
  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.
Full Customization
  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.
How to Load
  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.
GitHub Profile Updater (GitHub Action)
You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.
Setup
  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.
Usage in Profile README
To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:
Animated (GIF):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Static (PNG):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Replace YOUR_USERNAME with your GitHub username.
Development
  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.
About
Get data about the github contribution graph, and allow for recoloring
Topics
contribution-graphgithub
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
GitHeat (GitHub Pulse)
A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.
Graph And Data
Core Features
RPG Gamification & Hero Avatar
  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:

    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."
Branching Skill Tree
  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.
Advanced Analytics & Ticker
  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.

    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.
Deep Scale & Themes
  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.
Full Customization
  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.
How to Load
  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.
GitHub Profile Updater (GitHub Action)
You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.
Setup
  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.
Usage in Profile README
To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:
Animated (GIF):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Static (PNG):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Replace YOUR_USERNAME with your GitHub username.
Development
  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.
About
Get data about the github contribution graph, and allow for recoloring
Topics
contribution-graphgithub
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Repository files navigation
GitHeat (GitHub Pulse)
A Chrome extension that turns your GitHub contribution graph into a deep-dive analytical dashboard and a fully gamified RPG experience.
Graph And Data
Core Features
RPG Gamification & Hero Avatar
  • Evolving Avatar: Your profile now features a dynamic RPG hero that evolves as you level up. The avatar is visually assembled with layered gear:

    • Evolution: Your base character changes from a "Newbie" to a "Code God" as you gain levels.
    • Daily Weaponry: Reflects today's commit volume (Stick ➔ Club ➔ Sword ➔ Battle Axe ➔ Lightning).
    • Defensive Gear: Gain shields based on your PR Review activity.
    • Legendary Headgear: Long streaks unlock rare crowns and helmets.
    • Companions: Higher star counts attract loyal pets and dragons.
  • Leveling System: Earn XP through commits. Progress through 20+ levels with unique titles.
  • Bonus XP & Buffs:
    • Multi-Commit Bonus: Extra XP for 5+ contributions in a day.
    • Reviewer Bonus: Gain massive XP (+3 per review).
    • Skill Tree Bonuses: Earn permanent +20 XP and +1 Daily Combo point for every skill unlocked.
  • Combo System: Achieve a COMBO x# badge for high daily activity. The badge features a fiery animation and dynamic reasons like "Guardian of Code" or "Architect."
Branching Skill Tree
  • Milestone Unlocks: Explicitly unlock skills by reaching specific GitHub milestones.
  • Three Disciplines: Skills are categorized into Coding (e.g., System Architect, Lead Maintainer), Social (e.g., Eagle Eye Reviewer, Socialite), and Consistency (e.g., Code Marathoner).
  • Expandable View: A space-saving, expandable Skill Tree panel lets you track your long-term goals without cluttering your profile.
  • Permanent Power-ups: Unlocked skills provide permanent stat boosts to your XP and daily combo scores.
Advanced Analytics & Ticker
  • Activity Intensity Ticker: A high-resolution horizontal line graph showing your daily commit intensity.

    • Average Velocity Line: A visual reference line representing your overall YTD average velocity.
    • Dynamic Colorization: The area under the graph is colorized based on each day's specific contribution level.
  • Precision Metrics:
    • Current Week Progress: Track your ongoing performance for the current week in real-time.
    • Worst Month: Identifies your lowest-activity periods with multi-month highlighting support.
    • Island Discovery: Find your largest clusters of high-intensity work or significant slumps.
  • Scoped Scaling: Analytics are accurately scoped to the year you are currently viewing, including full support for previous years.
Deep Scale & Themes
  • 15-Level Heatmap: Re-calculates your contribution graph into 15 granular levels using data-driven quantile scaling.
  • Pulse Signature (SIG): A unique hexadecimal string (e.g., 0x5A3...) representing your activity levels. Hovering over any character highlights matching days on the graph.
  • Custom Themes: Toggle between predefined themes (Flame, Ocean, Sunset) or use the Custom Range picker to match your personal aesthetic.
  • Multi-Way Highlighting: Full synchronization between the Graph, the Legend, and the Pulse Signature.
Full Customization
  • Total Control: Every single element (Avatar, Skill Tree, Ticker, SIG, etc.) can be toggled on or off via the extension popup.
  • Custom Gear: Set your own Emojis, Image URLs, or Labels for your avatar's growth tiers.
  • Drag-and-Drop Reordering: Move your analytics grid cards to prioritize the stats that matter most to you.
How to Load
  1. Clone this repository.
  2. Run npm install and npm run build.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the dist folder in this project directory.
GitHub Profile Updater (GitHub Action)
You can automatically update a GitHeat analytics image for your GitHub profile README using a GitHub Action.
Setup
  1. Fork or clone this repository to your own GitHub account.
  2. The GitHub Action is located in .github/workflows/update-githeat.yml.
  3. It runs automatically every day at midnight UTC, but you can also trigger it manually from the Actions tab.
  4. The action will generate both githeat.gif (animated) and githeat.png (static) files in the root of your repository.
Usage in Profile README
To display your GitHeat analytics in your GitHub profile README, add one of the following Markdown snippets:
Animated (GIF):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.gif)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Static (PNG):
[![GitHeat Analytics](https://raw.githubusercontent.com/YOUR_USERNAME/GitProgressGraphInfo/main/githeat.png)](https://github.com/YOUR_USERNAME/GitProgressGraphInfo)
Replace YOUR_USERNAME with your GitHub username.
Development
  • Tech Stack: TypeScript, CSS, Chrome Extension API.
  • Source: All logic is in src/content.ts (scraping/injection) and src/popup.ts (UI/settings).
  • Build:npm run build compiles TypeScript and syncs assets to dist/.
About
Get data about the github contribution graph, and allow for recoloring
Topics
contribution-graphgithub
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages