# XWUIChartCostCurve

A cost-curve chart: a fixed-type (`type: 'costCurve'`) wrapper around `XWUIChart`
that plots cost against output as a continuous curve, the way economics cost curves
(average, marginal, total) are drawn. Pass each line as a `series` of `{ x, y }`
points plus a `block` preset (1-4) and `size` (`sm` / `md` / `lg`); legend,
grid, axis, and line-style toggles come from the shared block config. Use it to show
how cost moves with quantity or production level.

## Basic Usage

Two cost lines plotted across a shared output axis at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two {x, y} series drawn as cost-versus-output curves via the costCurve chart type.
```

## Marginal Cost Curves

The textbook MC / ATC / AVC trio plotted against units of output.

```example
file: examples/MarginalCostCurves.ts
html: examples/MarginalCostCurves.html
title: Marginal Cost Curves
description: U-shaped marginal, average-total and average-variable cost against output, with value grid.
```

## Cloud Compute Cost

Per-1k-request cost for two pricing models as a service scales from 1k to 10M.

```example
file: examples/CloudComputeCost.ts
html: examples/CloudComputeCost.html
title: Cloud Compute Cost
description: Cost-per-request economies of scale for on-demand vs reserved instances across volume tiers.
```

```api
```
