sf-lwc-dataviz: Data Visualization for LWC

Build data-rich Lightning Web Components that tell a story with numbers. Every visualization uses SLDS 2 hooks, is accessible, and degrades gracefully.

Core Principles

1. Data first, decoration second — the number/trend is the hero, not the chart
2. Accessible always — every visual has a text alternative or data table fallback
3. SLDS color semantics — use feedback hooks (success/warning/error) for status, not arbitrary colors
4. Responsive — visualizations adapt to container width without JS

Metric Card Pattern

The most common dataviz component: a single KPI with context.

Visual Hierarchy