Finding structures in multi-type code couplings with node-link and matrix visualizations

Abstract

Software systems are often modeled and visualized as graphs in order to understand their higher-level structure: code entities are connected by dependencies or couplings. However, when only considering one type of code coupling such as method calls, the understanding gained stays limited to this specific aspect. Encoding multiple types of code coupling in the graph promises to broaden the understanding. Different approaches already exist for visually discerning those types in graph diagrams. In this paper, we study two of these techniquesa node-link and a matrix approach-in a realistic scenario where the classes and interfaces of a system are connected by six different types of code coupling. The explorative user study that we conducted with interactive versions of the two visualizations focuses on getting an insight on how software developers use the visualizations for understanding an unknown system. We classified typical visual structures that the participants were able to identify and connected these structures to software engineering problems. Despite the fundamental difference in approach, the participants identified the same graph structures targeting similar tasks with both visualizations.

Design and implementation of small multiples matrix-based visualisation to monitor and compare email socio-organisational relationships

“…The long-term goal of the research is to develop right methodologies to unravel the "interesting" information within email data. We aim to find "interesting" structures by integrating node-link and matrix visualizations [18]. The challenging tasks will be delivered by considering visual analytics and algorithm analysis in combination which will be highly useful in the Electronic Discovery (E-discovery) domain.…”

AniMatrix: A Matrix-Based Visualization of Software Evolution

“…TreeMatrix [18] combines node-link and matrices to depict high level and low level structures of source code, along with their relationships. Abuthawabeh et al (2013) [19] found that both matrix and parallel node-link visualizations were similarly performant in showing multiple types of couplings. Although these approaches are useful to show the structure of the design at some points in time, they do not focus on representing how the design evolves over time.…”

Formal computer-aided product family architecture design for mass customization

“…This variation of the DSM is also called domain mapping matrix (DMM) and is based on the same modelling notation as the DSM. The DSM layout requires product elements to be listed strictly on the horizontal and vertical axes, making it a rather rigid but at the same time very compact and scalable way of describing structures of single products (Abuthawabeh et al, 2013). This well-defined arrangement has proved to be particular useful for computational analysis methods.…”