feat(chart): Create sankey chart

[BrendanDavies]

SankeyChart Component

Adds a new SankeyChart component for visualizing flow data between nodes using ECharts.

Features

• Node & link visualization - Displays flow relationships with customizable node colors and link opacity
• Value labels - Optional display of values above node labels with customizable formatting
• Rich tooltips - Default tooltips with support for custom tooltipFormatter for full control
• Link color modes - gradient (blends source/target colors) or gray (flat gray links)
• Click handlers - onNodeClick and onLinkClick for interactive drill-down behavior
• Dark mode support - Automatic color adjustments via isDarkMode prop

Documentation

• Basic usage examples
• Multi-level flow demo
• Rich tooltip customization
• Interactive click handling
• Drill-down filtering pattern (click to filter by source node)

Dependencies

• Requires echarts as a peer dependency (not bundled)

[stritt]

@BrendanDavies can you resolve conflicts here so we can test?

[pkg-pr-new]

npm i https://pkg.pr.new/@cloudflare/kumo@128

commit: fc8cee8

[github-actions]

Docs Preview

View docs preview

Commit: fc8cee8

[github-actions]

Visual Regression Report

26 screenshot(s) with visual changes:

Button / Variants

1,545,358 px (52.93%) changed

Before	After	Diff

Button / Sizes

2,624,394 px (89.87%) changed

Before	After	Diff

Button / With Icon

2,641,221 px (90.44%) changed

Before	After	Diff

Button / Icon Only

2,623,866 px (89.85%) changed

Before	After	Diff

Button / Loading State

2,644,270 px (90.55%) changed

Before	After	Diff

Button / Disabled State

2,641,128 px (90.44%) changed

Before	After	Diff

Dialog / Basic Dialog

453,432 px (8.19%) changed

Before	After	Diff

Dialog / Alert Dialog (role=“alertdialog”)

456,092 px (8.24%) changed

Before	After	Diff

Dialog / Confirmation Dialog (with disablePointerDismissal)

454,410 px (8.21%) changed

Before	After	Diff

Dialog / With Actions

456,143 px (8.24%) changed

Before	After	Diff

Dialog / With Select

454,950 px (8.22%) changed

Before	After	Diff

Dialog / With Combobox

456,771 px (8.25%) changed

Before	After	Diff

Dialog / With Dropdown

455,778 px (8.23%) changed

Before	After	Diff

Dialog (Open)

1,312,672 px (8.81%) changed

Before	After	Diff

Select / Basic Usage

50,392 px (8.56%) changed

Before	After	Diff

Select / Without Visible Label

46,031 px (8.18%) changed

Before	After	Diff

Select / With Description and Error

47,638 px (6.8%) changed

Before	After	Diff

Select / Placeholder

46,374 px (6.99%) changed

Before	After	Diff

Select / Label with Tooltip

46,899 px (6.67%) changed

Before	After	Diff

Select / Custom Rendering

122,012 px (7.35%) changed

Before	After	Diff

Select / Loading

75,745 px (10.66%) changed

Before	After	Diff

Select / Multiple Item

799,230 px (48.63%) changed

Before	After	Diff

Select / More Example

41,378 px (4.53%) changed

Before	After	Diff

Select / Select

25,232 px (2.94%) changed

Before	After	Diff

Select / Select.Option

22,874 px (2.67%) changed

Before	After	Diff

Select (Open)

2,460,481 px (15.6%) changed

Before	After	Diff

---

Generated by Kumo Visual Regression