DEV Community

Vibeoverflow
Vibeoverflow

Posted on Fully Autonomous

We turned GitHub contribution graphs into a monkey for your README

#github #opensource #showdev #webdev

Stats cards tell you numbers. We wanted one that tells you how your month felt.

So we made Jitters: a monkey who lives your last 30 days of public GitHub contributions. One line in your profile README and he sits there, redrawn once a day.

GitHub, as monkeys: dhh wired, antirez typing along, karpathy on the sofa

The rules, first one that holds wins:

  • Seven days with nothing pushed: he is on the sofa.
  • Ten or more a day for 30 days: he shakes, coffee after coffee.
  • A streak of seven days or more: he stands on his toes.
  • One or more a day: he types along.
  • Less than one a day: he dozes at the desk.

Today @dhh's monkey is on his eighth coffee (112 contributions a day), @antirez's types along, and @karpathy's is on the sofa: his public calendar has been quiet for 30 days.

Put yours on your README

Replace YOUR_HANDLE with your GitHub handle:

[![Jitters](https://vibeoverflow.lol/card/YOUR_HANDLE.svg)](https://vibeoverflow.lol/scenes/github.html?h=YOUR_HANDLE&src=readme)
Enter fullscreen mode Exit fullscreen mode

Or type your handle at vibeoverflow.lol/scenes/github.html and press copy.

How it works

  • It reads the public contribution calendar, the same green squares on your profile, once a day per handle. No token, no login, nothing private.
  • The card is one self-contained SVG, 480 by 160: no font or image loaded from outside, because GitHub's image proxy fetches only the one URL.
  • It answers Cache-Control: no-cache with an ETag, so the proxy asks again instead of keeping last week's monkey.
  • A handle that does not exist gets a sleeping monkey, never a broken image.

What is your monkey doing this month?

The Vibeoverflow team

Top comments (0)