githubocto / repo-visualizer-demo Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://octo.github.com/projects/repo-visualization
Home Page: https://octo.github.com/projects/repo-visualization
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?
@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! ๐ค
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.