Visualization for repo issues

[r002]

@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:

StudyDash-v2.Aug.6.2021.mp4

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! 🤗

[Wattenberger]

Hey Robert, This is really great! Love the idea of a 3d generated scene to reflect productivity! And I love that you all have a study group centered around GitHub! Thanks for sharing your project with me! Amelia Wattenberger wattenberger.com

…

On Aug 6, 2021, 6:05 AM -0400, Robert Lin ***@***.***>, wrote: @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: https://user-images.githubusercontent.com/45280066/128485802-ce25a764-36e4-4f70-91e2-330bbef2c2c3.mp4 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! 🤗 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.