# XWUIChartTable

A table chart: a fixed-type wrapper around `XWUIChart` that renders the series data as a structured grid of rows and columns rather than a plotted graphic, for exact values. Supply `{ series }` plus a `block` preset (1-4) and `size`. Use it when readers need the precise numbers, as a data table alongside or instead of a visual chart.

## Basic Usage

This example presents the two series, Series A and Series B, as a grid of their six monthly values (Jan through Jun), so every exact number is readable in rows and columns at medium size.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The two series shown as a grid of their six monthly Jan-Jun values, with every exact number readable.
```

## Quarterly Revenue by Region

Four regional sales lines are laid out as exact quarterly figures in a grid, so a finance reviewer can read precise FY2025 revenue for every region and quarter rather than estimating from a plotted shape.

```example
file: examples/QuarterlyKpisByRegion.ts
html: examples/QuarterlyKpisByRegion.html
title: Quarterly Revenue by Region
description: Americas, EMEA, APAC, and LATAM quarterly revenue as an exact-value grid with grid values shown.
```

## Nutrition Facts per Serving

Macronutrient grams for three snacks sit side by side as exact cell values, making the table the right tool for a precise protein-versus-sugar comparison.

```example
file: examples/NutritionFacts.ts
html: examples/NutritionFacts.html
title: Nutrition Facts per Serving
description: Protein, carbs, sugar, fat, and fiber grams for three snacks compared cell by cell in a precise grid.
```

```api
```