Alle prosjekter

Webapp · Verktøy

GitHub Contribution Visualizer

Tegn et mønster i GitHub-bidragsgrafen – et ord, en figur – og få et bash-skript som lager commits på akkurat de dagene.

Nettside for GitHub Contribution Visualizer (åpnes i ny fane) Kildekode på GitHub (åpnes i ny fane)
GitHub Contribution Visualizer i mørk modus: ordet «HEI» tegnet i bidragsgrafen og det genererte skriptet under
Type
Webapp
Status
Live
År
2025
Teknologi
  • JavaScript
  • HTML
  • CSS
  • Firebase Hosting

Slik fungerer det

  1. 1

    Velg år

    Rutenettet bygges for et hvilket som helst år fra 2006 til i år.

  2. 2

    Tegn mønsteret

    Klikk i cellene for å markere dagene som skal få en commit.

  3. 3

    Kjør skriptet

    Generer og kopier skriptet, kjør det i et nytt repo og push til GitHub.

Under panseret

Skriptet lager tomme commits med GIT_AUTHOR_DATE og GIT_COMMITTER_DATE satt til hver valgte dag, så GitHub viser dem på riktig plass i grafen.

Ren HTML, CSS og JavaScript uten avhengigheter, med lys og mørk modus, publisert på Firebase Hosting.