# XWUIChartSine

A sine chart: a fixed-type wrapper around `XWUIChart` that renders a smooth sine-style
waveform, useful for plotting oscillating or periodic data and for illustrating wave
behaviour. 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 cyclic signals and
trigonometric demonstrations.

## Basic Usage

Two named series of monthly values rendered as sine-style waveforms at the medium size
preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series drawn as a periodic waveform via the sine chart type.
```

## Tidal Heights

Two coastal tide gauges tracked over a full day reveal the regular rise and fall of the tide as a sine-style waveform.

```example
file: examples/TidalHeights.ts
html: examples/TidalHeights.html
title: Tidal Heights
description: Portland and Newport tide gauges over a 24-hour cycle with grid values and hover.
```

## AC Waveform

Three-phase mains voltage sampled across one electrical cycle shows the classic 120-degree interleaving of sine traces.

```example
file: examples/ACWaveform.ts
html: examples/ACWaveform.html
title: AC Waveform
description: L1/L2/L3 three-phase 230V mains voltage over a 360-degree cycle.
```

```api
```