Sankey
桑基图(库内首个) · 多层流向/分配比例 · 零依赖 SVG ribbon · 拓扑自动分层(未给 layer 按 links 推) + 节点高度/流宽按 value 占比 + 跨层一致比例尺(值域守恒) · hover 高亮关联链路 tooltip + 点击节点/连线下钻 · 调度流向/流量来源/预算分配/转化路径旗舰
全状态
Playground
<Sankey
nodes={[
{ id: "text", label: "文本生成", tone: "var(--color-chart-1)" },
{ id: "router", label: "智能路由器", tone: "var(--color-primary)" },
{ id: "haiku", label: "Haiku 池", tone: "var(--color-chart-4)" },
]}
links={[
{ source: "text", target: "router", value: 42 },
{ source: "router", target: "haiku", value: 38 },
]}
height={300}
nodeWidth={16}
linkOpacity={0.35}
/>