Comparison of Modern Customizable Code Visualization Tools

Nowadays, visualization is one of the most important things an integrated development environment or any smart code editor needs to have. There are several different options when it comes to the visualization. It plays a crucial role in software development and has several important benefits, like understanding the code structure, debugging, or troubleshooting. Code visualization enhances developer productivity, facilitates collaboration, and contributes to the maintainability and scalability of software projects. It is an essential aspect of modern software development practices. In this paper, we focus on one of the most widely used code editors - Visual Studio Code - and on a core component that drives the Visual Studio Code called Monaco Editor, mainly on how they can visualize different sections of a code and their complexity when it comes to visualization. Source code visualization refers to representing code visually to enhance understanding, analysis, and communication of software systems.