---
title: "Node graphs"
description: "D3-powered network, tree, DAG, Sankey, and knowledge-graph layout components, rendered as SVG by Svelte while D3 only computes positions."
category: "Data Viz"
---

# Node graphs

> Generated from `mcp/patterns.registry.json` — do not edit by hand; change the registry and run `bun run patterns:build`.

_Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes._

**Category:** Data Viz · **Tier:** light · **Risk:** low — frontend only

D3-powered network, tree, DAG, Sankey, and knowledge-graph layout components, rendered as SVG by Svelte while D3 only computes positions.

**When to use:** Use when visualizing relationships, hierarchies, or flow volumes between entities as a node graph.

## Docs

- [docs/stack/capabilities/viz.md](/docs/stack/viz) ([GitHub](https://github.com/ApeDevil/v10r/blob/main/docs/stack/capabilities/viz.md) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/blob/main/docs/stack/capabilities/viz.md))

## Code

- `src/lib/components/viz/graph/` ([GitHub](https://github.com/ApeDevil/v10r/tree/main/src/lib/components/viz/graph) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/tree/main/src/lib/components/viz/graph))

## Proof

- [`/showcases/viz/graphs`](/showcases/viz/graphs)

---

_Machine-readable record: `viz-graphs` in `mcp/patterns.registry.json`._