--- title: Turn Your GitHub Contribution Graph Into an ASCII City description: Skyline is a Go CLI tool that transforms a GitHub contribution graph into an ASCII city skyline, with each week rendered as a building and contribution days as... canonical: https://daily.dev/posts/turn-your-github-contribution-graph-into-an-ascii-city-pgrypcslw twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Turn Your GitHub Contribution Graph Into an ASCII City | daily.dev og:description: Skyline is a Go CLI tool that transforms a GitHub contribution graph into an ASCII city skyline, with each week rendered as a building and contribution days as... og:url: https://daily.dev/posts/turn-your-github-contribution-graph-into-an-ascii-city-pgrypcslw og:image: https://api.daily.dev/og/posts/PgrYpcsLW.png og:image:alt: Turn Your GitHub Contribution Graph Into an ASCII City og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Turn Your GitHub Contribution Graph Into an ASCII City **[The Githubers](https://daily.dev/sources/thegithubers)** · [@sizzlebop](https://daily.dev/sizzlebop) · 1 min read · 11 upvotes · 1 comments ## Summary Skyline is a Go CLI tool that transforms a GitHub contribution graph into an ASCII city skyline, with each week rendered as a building and contribution days as lit windows. It supports terminal rendering or an animated SVG for GitHub profile READMEs, offers 12 visual themes, and can be wired up with GitHub Actions to auto-update the skyline as new contributions are made. ## Content I made a little Go CLI called **Skyline** that turns your GitHub contribution graph into an ASCII city. Each week becomes a building, contribution days light up as windows, and it can render either in your terminal or as an animated SVG for your GitHub profile README. It also has 12 different themes because apparently one neon city was not enough. You can set it up with GitHub Actions so your profile skyline updates automatically as you keep coding. https://github.com/pinkpixel-dev/skyline ## Community discussion Top comments from developers on daily.dev. **@ne0zero** · 1 upvotes > it's awesome, thank u ## Similar posts on daily.dev - [I Turned My GitHub Profile Into a Cyberpunk Console With a City Built From My Contributions](https://daily.dev/posts/i-turned-my-github-profile-into-a-cyberpunk-console-with-a-city-built-from-my-contributions-ynxr8hpgq) · DEV · 6 upvotes · 0 comments - [GitHub Space Shooter: Visualizes GitHub contribution graphs as a Space Shooter](https://daily.dev/posts/github-space-shooter-visualizes-github-contribution-graphs-as-a-space-shooter-a22782txm) · Product Hunt · 90 upvotes · 1 comments - [From pixels to characters: The engineering behind GitHub Copilot CLI’s animated ASCII banner](https://daily.dev/posts/from-pixels-to-characters-the-engineering-behind-github-copilot-cli-s-animated-ascii-banner-by6szkb17) · GitHub Blog · 152 upvotes · 8 comments --- Tags: [#open-source](https://daily.dev/tags/open-source), [#github](https://daily.dev/tags/github), [#golang](https://daily.dev/tags/golang), [#cli](https://daily.dev/tags/cli), [#github-actions](https://daily.dev/tags/github-actions) [View this post on daily.dev](https://daily.dev/posts/turn-your-github-contribution-graph-into-an-ascii-city-pgrypcslw) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/turn-your-github-contribution-graph-into-an-ascii-city-pgrypcslw","headline":"Turn Your GitHub Contribution Graph Into an ASCII City","text":"Skyline is a Go CLI tool that transforms a GitHub contribution graph into an ASCII city skyline, with each week rendered as a building and contribution days as lit windows. It supports terminal rendering or an animated SVG for GitHub profile READMEs, offers 12 visual themes, and can be wired up with GitHub Actions to auto-update the skyline as new contributions are made.","url":"https://daily.dev/posts/turn-your-github-contribution-graph-into-an-ascii-city-pgrypcslw","datePublished":"2026-10-04T12:05:03.439Z","dateModified":"2026-10-04T12:05:15.871Z","author":{"@type":"Person","name":"Jessica Doering","url":"https://daily.dev/sizzlebop","image":"https://media.daily.dev/image/upload/s--eHrmTnkb--/f_auto/v1791022089/avatars/avatar_J54Tds4tCXZZYo9fUnnch?_a=BAMAMicg0","description":"Developer, maker, experimenter, and perpetual project starter.","worksFor":{"@type":"Organization","name":"Pink Pixel","logo":"https://media.daily.dev/image/upload/s--nTLLDJmi--/f_auto/v1771311286/companies/pinkpixel"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":430}},"image":"https://media.daily.dev/image/upload/s--cTPekCJh--/f_auto/v1791053669/posts/DQeRNzx3X?_a=BAMAMicg0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":11},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"comment":[{"@type":"Comment","text":"it’s awesome, thank u","datePublished":"2026-10-11T22:34:26.044Z","url":"https://daily.dev/posts/PgrYpcsLW#c-7QVfOOukr","author":{"@type":"Person","name":"Ahmed Khaled","url":"https://daily.dev/ne0zero","image":"https://media.daily.dev/image/upload/s--MzlHllrN--/f_auto/v1781384862/avatars/avatar_7wdjBBBVLN4AE9iwcR2FP?_a=BAMAMiWQ0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/thegithubers","name":"The Githubers"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"The Githubers","item":"https://daily.dev/squads/thegithubers"},{"@type":"ListItem","position":3,"name":"Turn Your GitHub Contribution Graph Into an ASCII City"}]} ```