# XWUIChartSlope

A slope chart: a fixed-type wrapper around `XWUIChart` that connects two time points with a
straight line per item, so the direction and steepness of each line instantly shows who rose
and who fell between the two periods. Pass your data as `series` of `{ x, y }` values plus
an optional `block` preset (1-4) and `size` (`sm` / `md` / `lg`); the shared block
config also forwards legend, grid, axis, data-label, and tooltip toggles. Use it for
before/after comparisons across many categories.

## Basic Usage

Two named series of monthly values drawn as connecting slope lines at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series drawn as before/after slopes via the slope chart type.
```

## Brand Perception Shift

Net favorability for six consumer brands between 2020 and 2024, where each slope's direction reveals who gained and who lost public goodwill.

```example
file: examples/BrandPerception.ts
html: examples/BrandPerception.html
title: Brand Perception Shift
description: Net brand favorability compared across 2020 and 2024 for six major brands.
```

## Remote-Work Policy Impact

Twelve-month retention per department before and after a hybrid-work policy, making the biggest beneficiaries visible at a glance.

```example
file: examples/PolicyRetention.ts
html: examples/PolicyRetention.html
title: Remote-Work Policy Impact
description: Department retention before vs after a hybrid-work policy, drawn as slopes.
```

```api
```