Want to keep the TNW Conference vibe going?? Tickets for TNW2022 are available now >>

The heart of tech

This article was published on February 19, 2016

This is what code on GitHub actually looks like

This is what code on GitHub actually looks like
Kirsty Styles
Story by

Kirsty Styles

Reporter

Kirsty Styles is a journalist who lives in Hackney. She was previously editor at Tech City News and is now a reporter at The Next Web. She l Kirsty Styles is a journalist who lives in Hackney. She was previously editor at Tech City News and is now a reporter at The Next Web. She loves tech for good, cleantech, edtech, assistive tech, politech (?), diversity in tech.

Payments firm Braintree has created a super-cool, open-source code visualizer called Codeology so you can see how projects on GitHub use different code in their products.

As the visualizer is plugged into the GitHub public API, you can search for any live project by name, including things like the Linux kernel source code above, with each colored part representing a different programming language.

Hold your cursor over the list on the right to see which colors and shapes represent which parts of the product, with the size of each showing how much code was written in each language.

You can then download any of the images as wallpapers and gifs or head back to Github to explore the code behind the image.

The creators have used WebGL, ThreeJS and GLSL Shaders to create the visuals.

It is also shared on GitHub so you can fork and modify the code behind it.

Codeology [Braintree]

Also tagged with