Visualize your codebase

Developers have to spend substantial time navigating and understanding code before making changes. While code editors provide detailed views of individual files, they only offer limited support for understanding a repository as a whole.

CodeSkyline is a code-map visualization, where source code files are shown as a zoomed-out visual representation. Think of it like printing all files, hanging them on a wall and viewing them from a distance, or taking all editor minimaps and putting them together into one view. This shows all source code at once and different color schemes help to analyse and explore regions of interest.

The x-axis of each file is aligned with the folder hierarchy, arcs that show imports, and the centrality of files. This connects the code-level with the architecture-level. Furthermore, it also features multiple interactions to view details, filter data, view different metrics, and full-text search.

We provide CodeSkyline as a Visual Studio Code extension. It processes data locally and has no telemetry. Feel free to try the online web demo or install it. If you are interested in what we do, reach out below.