Each box on this page is called a widget. Any widget can be added to a project dashboard. Thus, any kinds of information from a project or from the SonarQube instance can be displayed at will, although project dashboards typically contain only project widgets.

Project dashboards are the entry point when looking at a project. They display an overview of the project data: measures, issues, etc.

The Default Dashboard gives an overview of your project (with widgets like Size, etc.) and its quality (with widgets like Issues and Technical Debt, Duplications, etc.).

The metrics in each widget click through to some sort of drilldown.  From there, you will be able to hunt for the Developers' Seven Deadly Sins:

Duplications

See Duplications for detailed explanation on this quality flaw.

Bad Distribution of Complexity

See Bad Distribution of Complexity for detailed explanation on this quality flaw.

Spaghetti Design

See Spaghetti Design for detailed explanation on this quality flaw.

Lack of Unit Tests

See Lack of Unit Tests for detailed explanation on this quality flow.

Coding Standards and Potential Bugs

See Coding Standards Breach for detailed explanation on this quality flaw.

See Bugs and Potential Bugs for detailed explanation on this quality flaw.

Not Enough or Too Many Comments

See Not Enough or Too Many Comments for detailed explanation on this quality flaw.

 

Clicking on any measure opens the Measures Drilldown, zooming on the chosen measure.

All the widgets above are compatible with differential views to help you focus on quality flows on new code.

Many other widgets are available out of the box, just give them a try. Even more are available through plugins.

Events

The Events widget is used to highlight events occurring during the lifetime of the project. There are two kinds of events:

Treemap

The Treemap is a generic component that adapts depending on the structure of the project: modules, packages and files. 

It shows the components that are at the top level, regardless of the type. It is then possible to drill down into any component to get a view on the component.

Three actions are available in the treemap:

  1. Click on a component name to access the component dashboard
  2. Left click on a box to zoom in a component
  3. Right click on a box to zoom out of a component