Ionică Bizău

Visualize your GitHub projects languages

I created a tiny tool for visualizing the programming languages collected from someone's GitHub repositories. It is available here, being hosted on GitHub pages.

Below, you can see an embeded chart with my programming languages:

We get the data via the GitHub API and then render the language stats using drawPieChart.

It also has an API for embeding (you already saw I embeded it in this article). You can embed it via an <iframe> element which looks like this (replace username with your username):

<iframe width='600' height='600' src='https://ionicabizau.github.io/github-profile-languages/api.html?username' frameborder='0'></iframe>

I used the colors that GitHub uses for programming languages. I exported them in JSON format, from the linguist repository.

Check out the source code on GitHub.

Have feedback on this article? Let @IonicaBizau know on Twitter.

Have any questions? Feel free to ping me on Twitter.