@Wattenberger Hi Amelia! 👋

From The Pudding to GitHub! Congrats! 🎉 Am a super-big fan of your work. (Especially that React Hooks article!) Thanks so much for putting this new cool visualizer together-- am very excited to play around with it!

Your project is similar to a project I've been working on too though, so just thought I'd share!

For the past few months, for fun I've been playing around with GitHub webhooks and APIs, trying to figure out various ways how to better organize/visualize GitHub content; specifically, issues though (and not source). So far, it looks like this:

I'm part of a small group and we use GitHub as a kind of "study group". Not even just coding; but literally for anything under the sun (learning English, journaling slice-of-life, etc). It's been a fun way to just give everyone a way to check in on a daily basis and quickly journal what they accomplished/worked on that day. The idea is everyone contributes one card (issue) a day and then we also track some basic metrics like max streaks and stuff like that. Anyway, half of our group didn't even know what GitHub was.... but they do now! 😄

For our most recent redesign though, I was really inspired by CSS art and have just been playing around with the idea of representing cards as various fun objects. The idea is every month will have a different "scene"-- so for August: trees! 🌳🌲🎄 I found this great scene (full credit goes to the artist, Luke Reid!) and every 10 seconds the scene fades in and out a forest, the density of which a direct function of each study member's contributions. So, in the video: [8, 6, 7, 2] and then it repeats.

It's still rough around the edges (FOUC, clipping issues, Math.random() is supposed to give me uniform distribution but sometimes doesn't bc of the small sample size, etc) but I just wanted to share! Your work, along with all the great stuff at GitHub (video uploads on issues! GitHub Actions! Anything out of OCTO!) is seriously the best. It's a total wonderland-- the greatest playground ever!

Keep up the great work and looking forward to seeing what's next! Let's make GitHub beautiful! 🤗

I am finding that sometimes the labels of the group are being drawn out of bounds, so not appearing in the final svg. Is there any way to avoid this?

I added a static visualization to my repo but found that the interactive version you have is more useful since it allows users to see names that aren't printed on the static image, and to jump to the code to learn more.

Is it possible to get an interactive version on my repo?