# XWUIChartForceDirected

A force-directed graph: a graph-family variant (extends `XWUIChartGraphBlockBase`, not the Cartesian
`XWUIChart`) that positions nodes by simulating attraction and repulsion, letting clusters and
connectivity emerge organically. Supply graph data as `nodes` of `{ name, value }` and `links` of
`{ source, target }`, plus an optional `block` preset (1-4) and `size`
(`sm` / `md` / `lg`). Use it to reveal community structure, hubs, and relationships in a
network without imposing a fixed layout.

## Basic Usage

The component constructed at the md size preset, driven by the force layout mode.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: An XWUIChartForceDirected instance created with the force-layout graph variant.
```

## Microservice Dependency Graph

Backend services sized by request traffic and linked by call rate, letting hub services settle at the center.

```example
file: examples/MicroserviceDependencyGraph.ts
html: examples/MicroserviceDependencyGraph.html
title: Microservice Dependency Graph
description: Services as traffic-weighted nodes with call-rate links, interactive for dragging clusters apart.
```

## Org Collaboration Network

Company teams positioned by how frequently they collaborate, with node size tracking headcount.

```example
file: examples/OrgCollaborationNetwork.ts
html: examples/OrgCollaborationNetwork.html
title: Org Collaboration Network
description: Teams sized by headcount and connected by collaboration frequency, with a team legend.
```

```api
```