# XWUIChartDAG

A DAG (directed acyclic graph) chart: a fixed-type (`type: 'dAG'`) wrapper around
`XWUIChart` that lays out nodes and directed edges as a dependency-style flow with no
cycles. It accepts `nodes` (`{ name, value }`) and directed `links`
(`{ source, target, value }`) plus a `block` preset (1-4) and `size` (`sm` / `md` /
`lg`) - the same graph-topology shape as the network renderer it's built on. Use it
to show ordered dependencies such as build steps, task pipelines, or data lineage.

## Basic Usage

A small five-node graph at the md size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Five nodes and five directed links laid out via the dAG chart type.
```

## CI/CD Pipeline Stage Durations

A build pipeline as nodes (value = seconds spent) with dependency links - Lint and Unit Tests both gate Package, which fans out to two deploy targets.

```example
file: examples/BuildPipelineStages.ts
html: examples/BuildPipelineStages.html
title: CI/CD Pipeline Stage Durations
description: Pipeline stages as nodes (duration in seconds) connected by dependency links, at large size.
```

## Nightly ETL Data Lineage

An ETL graph from ingest to published marts - each transform is a node (value = runtime in minutes), each link is the data flowing downstream.

```example
file: examples/DataLineageRuntimes.ts
html: examples/DataLineageRuntimes.html
title: Nightly ETL Data Lineage
description: ETL transform nodes (runtime in minutes) connected by lineage links, with a fan-in stage.
```

```api
```