Charts

Coverage-style visualizations: a hierarchy chart with three interchangeable layouts, a trend chart, and inline sparklines. Size encodes lines of code; color encodes the coverage metric over the 60–80% range.

Trend

Sparkline

unit coverage 84%

Source

<BsHierarchyChart  :data="tree"  :layout="layout"  v-model:rootId="rootId"  :color-min="60"  :color-max="80"  input-label="Coverage by folder"  value-unit-label="lines"/><BsTrendChart :series="series" :y-min="0" :y-max="100" :goal="80"  goal-label="Goal 80%" input-label="Coverage over time" /><BsSparkline :points="sparkPoints" area :y-min="0" :y-max="100" />