Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

My solution is based on a radial-organized Structure of the data. A circle representing a package is divided in the subpackages or classes it contains. The methods are attached to the classes they belong to at the periphery of the circle. The angle of a method is generated by the number of lines of code relative to the number of lines of code of the class. It’s cyclomatic complexity is represented by it’s radius and when the cc is reaching a critical level the color turns to red. Calls from one method to another are represented by the lines inside the element. Caller and callee can be identified by the color gradient from green to blue. Appart from the direct interaction with the visualization the interface provides several mechanisms to filter the visualization and receive more detailed information.

View the second iteration of this project here