QScored offers comprehensive visualization aids for code quality aspects for each project. On the summary page, some key figures (such as LOC, number of types, metric violations, and detected smells) are presented. Also, the page shows an interactive dependency graph showing dependencies among components, a pie-chart exhibiting various detected smells, and a treemap showing size and smell density of each component. Detected smells are presented using an interactive sunburst diagram that could also be used to filter the smells based on their type as well as location. Similarly, all the metrics are presented using an interactive pie-chart where the chart shows the code quality of the entire project from the selected metrics perspective.
Dependency graph of a project shows all the architecture components of the project and their dependencies among themselves in an interactive way. The graph also shows architecture smell density and size of each component by showing components in corresponding color and and size respectively.
Component treemap is another informative visualization presented on the summary page. It presents the overall software system picture in terms of architectural components showing their size (shown in proportion) and smell density (shown in representative color - high smell density is shown in red; smell density close of zero is shown in green).
Apart from showing how smelly a particular component is, we also show the proportions of individual smell types in a project. We present three pie-charts for each granularity (i.e., architecture, design, implementation).
Sunburst for smells
Sunburst plot shows the detected smells belonging to each granularity (architecture, design, and implementation) along with their type and count. The sunburst plot allows the users to filter out and navigate specific smells in specific project, namespace, class or method. The detailed information about each individual smell is also presented. Smell visualization has a dedicated page in QScored. On smell analysis page you see a sunburst, a table and description block. The table and sunburst are linked with each other; selecting any of the sunburst block filters the table for that block. Similarly, on clicking any of the smell within the table updates the description block with smell definition and cause of that smell. Furthermore, you may choose specific project within the solution (in C# case) to see the smells only in the selected project.
Pie-chart for metrics analysis
We present source code metrics in an interactive pie chart for comprehensive metric visualization.
QScored conveys a detailed and interactive
view of different matrices at different (class and method) levels.
On this page, you see a table and three threshold sliders along with a pie-chart. The table and pie chart are linked to each other; any selection on pie chart block updates the table and hence you may filter the classes (or methods) belonging to one of the metric violation categories.
The pie chart shows four partitions in the pie. Classes (or methods) honoring the metric thresholds represent the green partition. Similarly, classes (or methods) that are slightly above the metric threshold are shown in yellow partition where as classes (or methods) significantly higher than the metric threshold are shown in orange partition. Finally, the red partition represents the classes (or methods) that are dangerously above the metric thresholds. We allow users to change the metric thresholds to carry out a detailed metric analysis.