svelte-kit-vice/audit/components/chart.md

Audit: chart

audit-version: 1 audited-at: 2026-06-26 scope: eidos (eidos-only primitive) method: theming-coherence category sweep (visual-elements), adversarially verified; roles + :Morfo lead-verified CLEAN across all eidos (no success/warning/danger/info; only alert-dialog uses :Morfo).

Summary

Counts (post-verification): CRITICAL 0 · HIGH 0 · MEDIUM 0 · LOW 1. conformance: Contract solid (as const), display-only (no events), SVG frame + marks + legend + title parts, canonical token recipe, no drift. as-const: true · roles clean: true · variants clean: true · has-recipe: true

Findings

LOW: Magic literal in SVG stroke-dasharray — chart-001

• dimension: literal
• location: chart.css:93
• evidence: stroke-dasharray: 3 3 @ line 93. This is a visual pattern (dashed line) for the crosshair overlay, not a component dimension or theme token.
• impact: Physical constant for visual pattern. Does not break theming. Local to chart component only.
• proposed-fix: No fix needed. Per baseline: '3.5px @keyframes amplitude' kind of literal is NOT drift; 3 3 dasharray pattern falls into same category.
• verify: [confirmed] chart.css:93 — stroke-dasharray: 3 3 on [data-chart-crosshair] is an SVG dash-pattern visual constant for the dashed crosshair overlay, scoped to the chart component. Same exception class as the @keyframes amplitude literals (not a dimension/spacing/color where a canonical scale applies). Correctly LOW; not drift.
• fix-status: open

Theming facts (E-bis)

• magic literals: 3 3 @ chart.css:93 -> stroke-dasharray (pattern literal, physical constant, LOW)
• magic z-index: none
• non-canonical names: none
• roles clean: true · variants clean: true