Charts

<SankeyChart data={analyticsData} margin={{ top: 20, right: 56, bottom: 40, left: 56 }} nodePadding={24} nodeWidth={16}>
  <SankeyLink />
  <SankeyNode lineCap={4} labelOrientation="vertical" />
  <SankeyTooltip />
</SankeyChart>

<SankeyChart data={data} margin={{ top: 20, right: 56, bottom: 40, left: 56 }} nodePadding={24} nodeWidth={16}>
  <SankeyLink />
  <SankeyNode lineCap={4} labelOrientation="vertical" />
  <SankeyTooltip />
</SankeyChart>

<SankeyChart
  data={data}
  margin={{ top: 8, right: 8, bottom: 40, left: 8 }}
  nodePadding={24}
  nodeWidth={16}
>
  <SankeyLink />
  <SankeyNode lineCap={4} showLabels={false} />
  <SankeyTooltip />
</SankeyChart>

<SankeyChart data={simpleData} margin={{ top: 20, right: 56, bottom: 40, left: 56 }} nodePadding={20} nodeWidth={12}>
  <SankeyLink strokeOpacity={0.5} />
  <SankeyNode lineCap={3} labelOrientation="vertical" />
  <SankeyTooltip />
</SankeyChart>

<SankeyChart data={data} margin={{ top: 20, right: 56, bottom: 40, left: 56 }} nodePadding={24} nodeWidth={16}>
  <SankeyLink stroke="var(--chart-3)" strokeOpacity={0.3} useGradient={false} />
  <SankeyNode lineCap={4} labelOrientation="vertical" />
  <SankeyTooltip />
</SankeyChart>