GitHub showcases GitCity, an open-source project that turns your GitHub profile activity into a 3D pixel-art city, mapping contributions, repositories, and stars into visual elements you can explore.

Turn your GitHub profile into a 3D city

GitHub highlights GitCity, an open-source project that visualizes your GitHub profile as a 3D pixel art city.

How the visualization maps to your GitHub activity

• Contributions determine building height
• Repository count determines the city width
• Stars “light up” the windows

Tech stack

• Next.js 15
• Three.js

Exploration feature

• Try flight mode to move around and explore your generated city.

Links mentioned

• YouTube: https://gh.io/subgithub
• GitHub Blog: https://github.blog
• X: https://twitter.com/github
• LinkedIn: https://linkedin.com/company/github
• Insider newsletter: https://resources.github.com/newsletter/
• Instagram: https://www.instagram.com/github
• TikTok: https://www.tiktok.com/@github
• GitHub: https://github.com