Graph Export (SVG/PNG)

Module

Web

Status

IMPLEMENTED

Description

Graph export service supporting SVG and PNG formats with options for scale, legend inclusion, metadata embedding, and custom background colors. Originally marked TODO in advisory but now implemented.

Implementation Details

Feature directory: src/Web/StellaOps.Web/src/app/features/graph/
Components:
- graph-canvas (src/Web/StellaOps.Web/src/app/features/graph/graph-canvas.component.ts)
- graph-explorer (src/Web/StellaOps.Web/src/app/features/graph/graph-explorer.component.ts)
- graph-filters (src/Web/StellaOps.Web/src/app/features/graph/graph-filters.component.ts)
- graph-hotkey-help (src/Web/StellaOps.Web/src/app/features/graph/graph-hotkey-help.component.ts)
- graph-overlays (src/Web/StellaOps.Web/src/app/features/graph/graph-overlays.component.ts)
- graph-side-panels (src/Web/StellaOps.Web/src/app/features/graph/graph-side-panels.component.ts)
Services:
- graph-accessibility (src/Web/StellaOps.Web/src/app/features/graph/graph-accessibility.service.ts)
Source: Feature matrix scan

E2E Test Plan

Setup:
- Log in with a user that has appropriate permissions
- Navigate to /graph
- 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.8 KiB Raw Blame History