Skip to content
Oeiuwq Faith Blog OpenSource Porfolio

ben174/git-draw

Allows you to draw in your github heatmap

ben174/git-draw.json
{
"createdAt": "2016-01-15T17:22:17Z",
"defaultBranch": "master",
"description": "Allows you to draw in your github heatmap",
"fullName": "ben174/git-draw",
"homepage": null,
"language": "JavaScript",
"name": "git-draw",
"pushedAt": "2018-06-15T16:52:39Z",
"stargazersCount": 2170,
"topics": [],
"updatedAt": "2025-11-06T23:03:50Z",
"url": "https://github.com/ben174/git-draw"
}

Allows you to draw in your GitHub heatmap

demo-vid

This is a Chrome extension which will allow you to freely draw on your GitHub heatmap. You can then export your drawing to a script containing a git commit log. Once you’ve run and pushed this script to a new repository, your commit log will match the drawing you made.

Download the extension here:

https://chrome.google.com/webstore/detail/git-draw/aapcmdackhlfobmkcpplkjpfceihngkh?hl=en-US&gl=US

My Brother, Rich Friedland, made a comprehensive video on how to use the extension.

https://www.youtube.com/watch?v=ptzDfPZ—Qk

Because CSP. GitHub’s CSP policy makes a bookmarklet next to impossible. There’s a workaround involving injecting code into a canvas and then executing it from there, but that feels like something that’ll be fixed. A Chrome extension makes it easier. Once you’re done making your drawing, just uninstall the extension.

GitFiti: https://github.com/gelstudios/gitfiti - got the idea from here, and poked around their src to see how they were writing commit messages.