explaingit

jasonlong/isometric-contributions

Analysis updated 2026-07-03

3,670JavaScriptAudience · developerComplexity · 1/5Setup · easy

TLDR

A browser extension for Chrome, Firefox, Brave, and Edge that turns your flat GitHub contribution graph into a 3D isometric pixel art view, with taller columns for more active days.

Mindmap

mindmap
  root((isometric-contributions))
    What it does
      Converts contribution graph
      3D isometric columns
      Toggle 2D and 3D
    Tech stack
      JavaScript
      obelisk.js
      Canvas API
    Use cases
      Profile visualization
      Activity showcase
      Developer portfolios
    Limitations
      No date labels
      No hover counts
      Tall columns overlap
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Install the extension from your browser's store to instantly see your GitHub contribution graph in 3D isometric style.

USE CASE 2

Toggle between the standard 2D heatmap and the 3D view on any GitHub profile page.

USE CASE 3

Fork the project and load it in Chrome developer mode to experiment with custom visual tweaks to the isometric rendering.

What is it built with?

JavaScriptobelisk.jsCanvas API

How does it compare?

jasonlong/isometric-contributionsthreepointone/glamorgetgauge/taiko
Stars3,6703,6693,668
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasyeasy
Complexity1/52/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Install directly from the Chrome, Firefox, Brave, or Edge extension store, no configuration needed.

In plain English

This is a browser extension for Chrome, Brave, Firefox, and Microsoft Edge that transforms the contribution graph on your GitHub profile page into a 3D isometric pixel art view. The standard GitHub contribution graph is a flat grid where darker squares represent days with more activity. This extension adds a button to toggle between that familiar 2D view and a version where each day becomes a column, with taller columns for days when you contributed more. The author notes it is more of a visual novelty than a practical improvement. The 3D view makes it easier to see how much higher-activity days stand out compared to quieter ones, but it loses some useful features in exchange: there are no date labels, you cannot hover a column to see the exact count, and tall columns can block shorter ones behind them. Installing it is straightforward through the official extension stores for each browser. Developers who want to modify it can load it manually in Chrome by enabling developer mode in the browser's extensions settings and pointing it at the source folder. The project uses a small open-source library called obelisk.js to draw the isometric shapes on a canvas element overlaid on the page. The author has stated they are not currently planning to add new features, so anyone wanting to submit changes with new functionality should reach out first before writing code.

Copy-paste prompts

Prompt 1
Using obelisk.js, write JavaScript that reads a 2D grid of numbers and renders them as a 3D isometric bar chart on an HTML canvas element.
Prompt 2
Help me modify the isometric-contributions Chrome extension to add a color gradient so columns shift from blue for low activity to red for high activity.
Prompt 3
Write the Chrome extension manifest and content script boilerplate needed to inject a canvas overlay onto a specific element on github.com.
Prompt 4
Show me how to enable developer mode in Chrome and sideload an unpacked extension from a local source folder.

Frequently asked questions

What is isometric-contributions?

A browser extension for Chrome, Firefox, Brave, and Edge that turns your flat GitHub contribution graph into a 3D isometric pixel art view, with taller columns for more active days.

What language is isometric-contributions written in?

Mainly JavaScript. The stack also includes JavaScript, obelisk.js, Canvas API.

How hard is isometric-contributions to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is isometric-contributions for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub jasonlong on gitmyhub

Verify against the repo before relying on details.