Confidence Breakdown Visualization (Factor Bar Chart)

Module

Web

Status

IMPLEMENTED

Description

Visual bar chart breakdown showing how each evidence factor (SBOM, VEX, reachability, binary analysis, attestation) contributes to the overall confidence score. Includes per-factor chip components with drill-down capability.

Implementation Details

Feature directory: src/Web/StellaOps.Web/src/app/shared/components/visualization/
Components:
- graphviz-renderer (src/Web/StellaOps.Web/src/app/shared/components/visualization/graphviz-renderer.component.ts)
- mermaid-renderer (src/Web/StellaOps.Web/src/app/shared/components/visualization/mermaid-renderer.component.ts)
Source: SPRINT_20251229_001_004_FE_proof_studio.md

E2E Test Plan

Setup:
- Log in with a user that has appropriate permissions
- Navigate to the relevant page/section where this feature appears
- Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
Core verification:
- Verify the visualization renders correctly with sample data
- Verify interactive elements (hover tooltips, click-to-drill-down) work
- Verify the visualization handles empty/minimal data gracefully
Edge cases:
- Verify graceful handling when backend API is unavailable (error state)
- Verify responsive layout at different viewport sizes
- Verify accessibility (keyboard navigation, screen reader labels, ARIA attributes)

1.5 KiB Raw Blame History