# XWUIChartProductionPossibilityFrontier

`XWUIChartProductionPossibilityFrontier` is a thin wrapper around `XWUIChart` with the chart `type` pinned to `'productionPossibilityFrontier'`, rendering the classic economics PPF curve that traces the trade-off boundary between two competing outputs. Give it a `{ series }` data object and use it when you want to show the efficient frontier - the maximum of one quantity achievable for a given level of another. Sizing and variant come from the `block` (1-4, clamped) and `size` (`sm` / `md` / `lg`) config.

## Basic Usage

This example feeds in two monthly series (Series A and Series B, Jan-Jun) at `md` size, standing in as the two goods whose trade-off the frontier describes.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series (Series A and Series B, Jan-Jun) plotted on a production-possibility-frontier chart at medium size.
```

## Guns vs Butter

The classic macroeconomics frontier trading military goods against civilian goods, with text labels distinguishing attainable from unattainable production points.

```example
file: examples/GunsVsButter.ts
html: examples/GunsVsButter.html
title: Guns vs Butter
description: A single downward-sloping guns-vs-butter frontier shown large with grid and axes, annotated with attainable and unattainable text markers.
```

## Factory Output Trade-off

Two frontiers for the same plant - a legacy line and an upgraded line - compared to show how added capacity pushes the whole attainable set outward.

```example
file: examples/FactoryOutputTradeoff.ts
html: examples/FactoryOutputTradeoff.html
title: Factory Output Trade-off
description: Product A vs Product B frontiers for a legacy and an upgraded line as two series, with dashed line style, data labels and a units suffix.
```

```api
```