# XWUIChartDependencyGraph

A dependency graph: a graph-family chart (extends `XWUIChartGraphBlockBase` with a
`force`-directed layout, not the Cartesian `XWUIChart`) that arranges nodes and the
edges between them so connected items pull together. It accepts the shared `series`
of `{ x, y }` values, and reads `nodes` / `links` when supplied to describe the graph
topology; pick a `size` (`sm` / `md` / `lg`). Use it to visualize
module/package dependencies or any network of related entities.

## Basic Usage

Two sample series passed to the force-directed dependency-graph layout at the medium
size preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Sample {x, y} series fed to the force-directed dependency-graph layout.
```

## Service Call Graph

A backend microservice call graph, with the gateway fanning requests out to the services that orders and payments depend on.

```example
file: examples/Microservices.ts
html: examples/Microservices.html
title: Service Call Graph
description: A force-directed microservice call graph with nodes sized by request volume, at the lg preset with data labels.
```

## Bundle Dependency Graph

An npm package import graph for a small web app, with nodes weighted by their bundle size.

```example
file: examples/PackageImports.ts
html: examples/PackageImports.html
title: Bundle Dependency Graph
description: A package import graph showing how an app's entry bundle pulls in its npm dependencies, with a legend.
```

```api
```