# XWUIChartPictorialBar

A pictorial-bar chart: a fixed-type wrapper around `XWUIChart` (`type: 'pictorialBar'`)
that renders each category as a repeated icon/shape column whose height encodes the
value, instead of a plain rectangle. Pass the usual `{ series }` data and pick a
`block` preset (1-4, clamped) plus a `size` (`sm` / `md` / `lg`). Use it
when you want bar-style comparisons with more visual, infographic-flavoured columns.

## Basic Usage

Two monthly series (Jan-Jun) drawn as side-by-side pictorial bars at `md` size.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two six-point monthly series rendered as pictorial bar columns.
```

## Renewable Energy by Source

Annual electricity generation per renewable source drawn as pictorial columns, with hydro and wind dwarfing geothermal.

```example
file: examples/RenewableEnergy.ts
html: examples/RenewableEnergy.html
title: Renewable Energy by Source
description: Single-series generation (TWh) per renewable source as pictorial bars at the lg preset.
```

## Coffee Sold by Drink Type

Weekly cup sales by drink type compared across a downtown café and an airport kiosk as side-by-side pictorial columns.

```example
file: examples/CoffeeSales.ts
html: examples/CoffeeSales.html
title: Coffee Sold by Drink Type
description: Two-location weekly cup sales per drink rendered as grouped pictorial bars with a legend.
```

```api
```