Impress Your Friends By Visualizing Your Contributions on GitHub

Turn your data into beautiful images.

UpdatedFebruary 21, 2021

Impress Your Friends By Visualizing Your Contributions on GitHub

Hey 👋🏻,

I am a Software Engineer from Austria 🇦🇹. I am interested in, write about, and develop (open source) software solutions for and with JavaScript, TypeScript, ReactJs, and NodeJS.

You can see what I am currently up to on natterstefan.me.

In the past, I was Product Owner of RAWR, Growth Hacker at the Speedinvest Startup Studio and Online Advertising Manager. Check out my LinkedIn profile for more details.

📬 Get in touch

📧 Sign up for my newsletter.

Comments (1)

Join the discussion

Braydon Coyer5y ago

I found Skyline last week and love it! Unfortunately, most of my work was pushed to GitLab so my 'skyline' looked pretty bare.

Stefan Natter5y ago

Hi Braydon Coyer,

don't worry, there's plenty of time to build your skyline on GitHub this year. :)

#90DaysOfProse

Part 18 of 25

Make Writing a Habit. Write for at least 10 minutes a day for the next 90 days. Tweet your progress each day with the #90DaysOfProse hashtag. More details: https://www.90daysofprose.com/

Up next

Discover The Benefits You Get With GitHub Templates

Support your contributors with GitHub Templates

More from this blog

Start Over Again and Unmute All Twitter Users.

Reset Your Twitter Mute List With Tweepy

Mar 16, 20214 min read

Start Over Again and Unmute All Twitter Users.

How to Use Multiple Node Version With asdf.

Switching between different node versions has never been easier.

Mar 9, 20217 min read

How to Use Multiple Node Version With asdf.

Git: Automatically Lint Your Code or Run Tests on `git push` with Git Hooks

Never forget to lint and test your code before you push it again.

Feb 28, 20216 min read

Git: Automatically Lint Your Code or Run Tests on `git push` with Git Hooks

How to Dockerize a NextJS application

Let's run NextJS in a Docker Image.

Feb 27, 20217 min read

My Favorite Visual Studio Code Extensions - Part I

Let's take a look at my Visual Studio Code Setup.

Feb 26, 20215 min read

My Favorite Visual Studio Code Extensions - Part I

natterstefan

51 posts

Hey 👋🏻,

I am a Software Engineer from Austria 🇦🇹. I am interested in, write about, and develop (open source) software solutions for and with JavaScript, TypeScript, ReactJs, and NodeJS.

GitHub is my go-to tool when it comes to the code I write. I have tried both Bitbucket and GitLab in the past. Time and time again, I come back to GitHub. May it be because of the UI and UX, I can't get along with the other alternatives. And so I'm happy when I discover new tools that enhance my experience on GitHub. Today I'm going to show you two tools. A Chrome extension and a web app.

Visualize Your GitHub Contributions With Skyline

I am happy that I found this tweet from my friend Simon, sharing GitHub Skyline.

If you know me, you know that this tool immediately excited me. You enter your GitHub username and you get a skyline with the public contributions presented as skyscrapers. Great idea! It's a fun way to encourage people to have more contributions on GitHub.

What does your skyline look like? Here is my GitHub Skyline from 2020. 2021 is in progress.

GitHub Skyline of natterstefan

GitHub Isometric Contributions

This is another interesting extension for Chrome. It visualizes your GitHub contributions graph and creates an isometric pixel view of the public data on your profile. Here is mine:

GitHub Isometric Contributions - natterstefan

--> Get the Extensions

PS: Did you know that you can support me on GitHub and become my GitHub sponsor?

Do you like this article? Do you want to support me? Tell your friends on Twitter about it. Thank you!

Questions and Feedback

You got any questions or want to add your thoughts? Let me know in the comments below, please.

Command Palette