# XWUIChartScatter

A scatter chart: a fixed-type wrapper around `XWUIChart` that plots each `{ x, y }` pair as
an independent point, the standard view for spotting correlation, clusters, and outliers
between two numeric variables. Pass your data as `series` of `{ x, y }` points plus an
optional `block` preset (1-4) and `size` (`sm` / `md` / `lg`); the shared block
config also forwards legend, grid, axis, data-label, marker-style, and tooltip toggles. Use
it whenever the relationship between two measures is what you want to see.

## Basic Usage

A single series of 30 randomly generated points plotted as a scatter at the medium size
preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Thirty random points plotted as markers via the scatter chart type.
```

## Multi-Group Scatter

Three customer segments rendered as separate color-coded series with a legend, so the
overlapping clouds stay distinguishable.

```example
file: examples/MultiGroup.ts
html: examples/MultiGroup.html
title: Multi-Group Scatter
description: Three color-coded segments (New, Returning, Loyal) plotted together with a legend.
```

## Height vs. Weight Correlation

Eighty adults plotted as height against weight with a clear positive trend - the textbook
view for spotting correlation between two measures.

```example
file: examples/Correlation.ts
html: examples/Correlation.html
title: Height vs. Weight Correlation
description: A strongly correlated diagonal cloud of 80 height/weight points.
```

## K-Means Style Clusters

Four well-separated, color-coded blobs drawn with hollow markers - the canonical way to
visualize the output of an unsupervised clustering run.

```example
file: examples/Clusters.ts
html: examples/Clusters.html
title: K-Means Style Clusters
description: Four color-coded point clusters around distinct centroids, drawn as hollow markers.
```

```api
```