I just wanted a custom profile. I completely overcooked it.
Don't feel like reading? Fair. But you're going to miss a lot of interesting insights....
For further actions, you may consider blocking this person and/or reporting abuse
WOW, now I'm jealous!!!! 😅💖
Well, this activity graph has a lot of potential, so I’m sure you’ll find even better ideas.😄
It's so cool! Amazing github profile! 😻
Thank you! 🤩
23 images sliced from one console is painful but smart — I hit the same GitHub README rendering limits when I tried embedding an interactive SVG dashboard and watched half of it get stripped out. The SVG-as-image loophole works, but the real cost is the daily cron job keeping 23 slices in sync. If one API call fails mid-update you end up with a console that's half yesterday, half today, and nobody notices until someone screenshots it.
It's alright. I don't think anyone will be able to notice my stale console. I'm not even that obsessed with my own profile, so I'll take that risk. 😄
This is actually awesome and detailed info for anyone to use and tweak around.
Thank you! Even I didn’t know something like this was possible until I really dived into it.
Cool! 🥰
I was building something similar.
Your implementation is way better ❤️
Thank you! Show me your work when you’re done. ✌️
Will do, if I remember 🥰
This is seriously a great way to rethink a GitHub profile.
What I really like is that you didn’t just make the README look cyberpunk. You turned GitHub’s contribution data into an actual visual system. Contribution intensity becomes building height, the layout becomes a city, and the generated SVG becomes the interface.
The deterministic generation is a nice technical touch too. It means the visual output can stay consistent while still changing when the underlying data changes. I could see the same pattern being used outside a profile. For example, CI/CD activity could become a deployment city, issue activity could become a support map, or repository activity could become a visual project landscape.
The cool part is that the platform limitation becomes part of the design instead of something to work around. That’s a genuinely clever approach to building a developer identity.
Thank you! You’re right, working on this project was really interesting because of these limitations. I had too much fun.😄
That SVG slicing trick is clever. We run into similar custom layout challenges at The Printing World when trying to map dynamic tracking graphics onto physical packaging templates without breaking alignment. Great write-up!
Thanks a lot! ✌️
Yeah, that trick really did the trick 😄 The first version of this console was pretty underwhelming, it was split in between the sections and I wasn't impressed at all.
Now you can't even tell if there are separate sections at all.
Best Dev Post in a VERY long time.
Oh wow! This is a high praise. Thanks a lot!🤩
You inspired me: github.com/jeromehardaway/jeromeha...
Are the purely decorative SVG slices using empty alt text, while only data-bearing slices get meaningful labels? With 23 images, that could keep screen-reader navigation much cleaner.
Not quite: no image has an empty alt yet. The data slices, link buttons and section headers should keep their text, because screen readers use it to read the data, name the links and mark where each section starts. The footer ("Connection closed.") is the only purely decorative slice, so it should be alt="".
As these things go... yeah, that was pretty cool. Worth it.
Thank you! Yes it totally worth it!🔥
Nice job!
Thank you!
Wow I like it! 😭
I'm glad you liked it!🤩
Really it's so cool!
Thank you! Feel free to fork it and make your own version of it. I'd love to see other ideas inspired by this.😍
Bypassing GitHub's sandbox using SVGs just to flex a custom profile graph is peak software engineering. You didn't just overcook it, you built a whole Michelin-star restaurant. Love the execution!
Oh wow! That's such an awesome comment. Thank you so much, mate! 🤩
This world gets cooler everyday
Agreed, and I'm more than happy to contribute with whatever I can! 🫡
Thank you!
GitHub's image cache seems like the part I'd worry about for a daily SVG. Does the workflow change the asset URL, or does the profile refresh reliably without cache busting?
The URL stays the same. As for caching, it resolves itself after a few minutes.
It is really amazing!
Thanks a lot!🙌
Great idea!! 🤌
Thank you!🙏
Giorgi, this is so cool! Loved it 😀
I'm glad you found it interesting! Thanks a lot!🤩
happy for you(don't know what itis though)wait for my reaction when i pass the upswing of awesome, wish me luck.
Well, thanks! Umm... and good luck I guess 😄
THIS IS REALLY GOOD honestly 😮😮😮
Thank you! This is awesome to hear. I think this is one of the most creative ideas I’ve had in a while.
it looks great🤩
Thank you!
The interesting part for me is how the project turns a normal GitHub contribution graph into something much more visual without needing JavaScript or CSS directly in the README. Using SVGs as the building blocks, together with the isometric rendering and GitHub Actions workflow, makes the whole profile feel like an actual application rather than a static README.
I also liked the decision to use a seeded random generator for the building details. That keeps the output consistent between updates while still giving the city some variation. The API-fallback approach is another nice touch because a temporary GitHub or DEV API failure doesn't wipe out the previous stats.
Projects like this are a good reminder that even small profile customizations can become interesting engineering exercises. For anyone working through calculation-heavy concepts, I also came across this useful resource that breaks down the process step by step.