# XWUIChartIconArray

An icon-array chart variant backed by `XWUIChart` that represents a proportion as a grid of filled and unfilled icons (the "X in 100" pictograph), an intuitive way to communicate rates and risk to general audiences. Provide named `series` of `{ x, y }` points and choose a `block` (1-4) and `size` preset.

## Basic Usage

Two named monthly series (Series A and Series B), each spanning Jan through Jun, supplied as the icon-array sample data.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two six-month series rendered as an icon array at the md preset.
```

## Commute Survey

Survey responses to "how do you commute" rendered as an icon array, one icon per respondent across car, bus, bike, and walking.

```example
file: examples/CommuteSurvey.ts
html: examples/CommuteSurvey.html
title: Commute Survey
description: Commute-mode survey results shown as icon counts for car, bus, bike, and walk.
```

## Department Headcount

Company headcount by department drawn as an icon array, with each employee represented as a single icon.

```example
file: examples/DepartmentHeadcount.ts
html: examples/DepartmentHeadcount.html
title: Department Headcount
description: Employees per department shown as an icon array from Engineering down to Finance.
```

```api
```