Episode 130: Code Visualization with Michele Lanza

Metrics Visualization

Michele Lanza explores the power of visualizing software metrics to enhance understanding of code quality and design. He explains how visualization leverages pre-attentive attributes like line length, width, and color to help the brain quickly identify anomalies without reading the code 1. This approach allows developers to spot outliers and potential issues in large systems efficiently.

Visualization is about breaking down complexity, that's the whole point. If a visualization does not succeed in doing that, then it's useless.

--- Michele Lanza

Lanza emphasizes that unlike UML, which can become overwhelming with large systems, effective visualizations abstract complexity into simple, interpretable images 2.

   

Code Smells

Detecting code smells is another crucial application of software visualization. Michele Lanza discusses using metric-based detection strategies to identify problematic design patterns like God classes, which centralize system intelligence and misuse other classes 3. By visualizing these metrics, developers can quickly pinpoint areas needing attention, akin to how CAT scans highlight active brain areas.

We represent the systems as 3D cities all grayed out. And where there is a design problem, we just use live colors.

--- Michele Lanza

This method simplifies the process of inspecting large systems by visually highlighting sections with design issues, making it easier to address them efficiently 4.