Orbit UI

Sankey Chart

PRO

Diagrama de flujo entre nodos: el grosor de cada cinta es su volumen. Calcula las columnas por profundidad y reparte la altura sola; solo hay que darle nodos y enlaces.

npx orbitui-cli add sankey-chart

Recorrido hasta el registro

Flujo de sesiones por origen y página

OrgánicoPagoSocialLandingPreciosRegistroAbandono

Pasá el cursor sobre un flujo

Props

PropTipoDescripción
nodes*SankeyNode[]—
links*SankeyLink[]—
heightnumber—
nodeWidthnumber—
formatValue(value: number) => string—
classNamestring—
aria-label*string—

Qué instala

Archivo
components/orbit/charts/sankey-chart.tsx
Componentes
chart-core, cx
Paquetes npm
ninguno

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.