# kView Visualization

`kview/visualization` owns finance and date formatting, display-preference
contracts, status semantics, metric trends, performance badges, and performance
charts, info cards, and metric cards.

Host applications may bind
`Kview\Visualization\Contracts\DisplayPreferences` to their own user preference
service. Without an adapter, the package uses its published configuration.

The package keeps kView INVESTOR's existing Blade names, including
`<x-ui.date-display>`, `<x-ui.metric-trend>`,
`<x-ui.performance-badge>`, `<x-ui.info-card>`, `<x-ui.metric-card>`, and
`<x-ui.fund-performance-chart>`.

Vue hosts can import the metric, badge, and card counterparts from the optional
public entry without depending on their physical source paths:

```ts
import {
    KviewInfoCard,
    KviewMetricTrend,
    KviewPerformanceBadge,
} from '@kview/visualization/vue';
```

Hosts that need only metric and badge presentation can import
`@kview/visualization/css/metrics` instead of the complete visualization CSS
entry. `@kview/visualization/css/cards` is the self-contained card entry and
includes the metric-trend styles needed by `KviewInfoCard`.

English and French chart translations are publishable through
`kview-visualization-translations`.