Visualizing software entities using a matrix layout

Zeckzer, Dirk

doi:10.1145/1879211.1879243

Cited by 7 publications

(19 citation statements)

References 7 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…In the interactive multi-matrix visualization (IMMV) [6], [7] as shown in Figure 2(c), the classes of a software system and the code couplings between them are visualized using an adjacency matrix representation of the underlying graph. Every cell of the matrix is divided into sub-cells, each sub-cell representing a different edge type (code coupling).…”

Section: B Interactive Multi-matrix Visualization (Immv)mentioning

confidence: 99%

“…Much research has concentrated on using visual approaches for analyzing graphs in a scalable way [1], but, only recently, some approaches focused specifically on discerning and comparing multiple types of edges [2], [3], [4], [5], [6]. In this work, we selected two complementary approaches and evaluated them in a software engineering scenario.…”

Section: Introductionmentioning

confidence: 99%

“…The first approach, which we call parallel node-link visualization (PNLV) [2], depicts multiple types of edges in separate, parallel node-link diagrams that are placed side by side. The second approach, which we call interactive multi-matrix visualization (IMMV) [6], [7], uses an adjacency matrix for visually representing the graph with multiple types of edges in each cell. To our knowledge, these are the only approaches that provide the required scalability (with respect to the number of nodes, edges, and types of edges) to represent coupling graphs of real-world software systems having several types of coupling.…”

Section: Introductionmentioning

confidence: 99%

“…Further, we investigate how the detected and compared structures can be used for tasks in the context of software engineering. The main contributions of the paper are the following: • We evaluate the utility of two recent visual approaches [2], [6], [7] for comparing multiple types of edges in a realistic software engineering scenario. • We identify visual structures and general graph structures that users find with these visualizations.…”

Section: Introductionmentioning

confidence: 99%

See 3 more Smart Citations

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

Abuthawabeh

Beck

Zeckzer

et al. 2013

2013 First IEEE Working Conference on Software Visualization (VISSOFT)

Self Cite

View full text Add to dashboard Cite

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.

show abstract

Section: B Interactive Multi-matrix Visualization (Immv)mentioning

confidence: 99%

Section: Introductionmentioning

confidence: 99%

Section: Introductionmentioning

confidence: 99%

Section: Introductionmentioning

confidence: 99%

See 2 more Smart Citations

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

Abuthawabeh

Beck

Zeckzer

et al. 2013

2013 First IEEE Working Conference on Software Visualization (VISSOFT)

Self Cite

View full text Add to dashboard Cite

show abstract

“…Colors encode attributes such as code type and code faults [12], evolution metrics [28], or query results [24]. Program structure, dependencies, and metrics, encoded as attributed compound graphs, can be visualized using edge bundling techniques [11] or matrix plots [25], [29]. Codelevel and structure-level visualizations serve complementary understanding goals by focusing on different abstraction levels.…”

Section: Related Workmentioning

confidence: 99%

Visual support for porting large code bases

Broeksema¹,

Telea

2011

2011 6th International Workshop on Visualizing Software for Understanding and Analysis (VISSOFT)

View full text Add to dashboard Cite

We present a tool that helps C/C++ developers to estimate the effort and automate software porting. Our tool supports project leaders in planning a porting project by showing where a project must be changed, how many changes are needed, what kinds of changes are needed, and how these interact with the code. For developers, we provide an overview of where a given file must be changed, the structure of that file, and close interaction with typical code editors. To this end, we integrate code querying, program transformation, and software visualization techniques. We illustrate our solution with use-cases on real-world code bases.

show abstract