Unit test coverage visualization

This demo visualizes the unit test code coverage information gathered by Atlassian Clover for the Carrot² project. The size of the polygon represents the total complexity of the package or class, the color represents the coverage ranging from 0% (red) to 100% (green).

Choose different presentation modes:

Layout: polygonal | rectangular
View: hierarchical | flattened

What's in the code?

• Converting Clover's internal JSON results object to FoamTree format.
• Inserting zero-width-space characters (\u200b) to allow FoamTree to break lines on dots and CamelHumps.
• Using groupContentDecorator to draw the coverage value results bar below the main label.
• Using the stacking option to choose between different stacking modes for the group hierarchy.
• Using titleBarDecorator to add the display of coverage value in the title bar.
• Loading custom web fonts from Google Fonts and waiting for them with document.fonts.load() before using them to render FoamTree content.