Website acquisitionvisitors by channel → page → outcome · last 30 days

LLM spend$ per month · budget → team → model

ControlsCode

Demo

UpdatesNew values per second in every demo. Each morph starts from the shape on screen, so fast updates glide.

3/s

DriftLargest change of a live flow per update.

4%

Perf HUDFPS, frame time, draw calls, per-series ms, heap

Display

TooltipThe hovered node or link, its value and its share of the outflow.

Labels`label · value` beside each node. A label that would overlap the one above it is skipped.

Label backdropA rounded backdrop from the theme background keeps a label readable over the bands.

Value formatFormatter for the label values (`labels.format`).

Plain / compact (default)Full number

Label colorLabel text color (`labels.color`): the theme text, or the muted axis text.

Theme text (default)Muted

Series

Node colorsTheme palette in node order, or one accent color for every node (`colors`).

Theme paletteAccent

Node widthWidth of each node bar.

12px

Node gapVertical gap between the nodes of a column.

12px

Link opacityOpacity of the bands; a hover dims the bands it leaves out.

0.35

Animation

EntranceFirst-data cascade: sources grow, bands run to their targets and fill them, labels fade in. 0 paints at once.

1400ms

MorphEase from the diagram on screen to new data, and the hover dim. 0 snaps.

500ms

Background

GradientSoft background gradient