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.