Skip to content

feat(chart): Create sankey chart#128

Open
BrendanDavies wants to merge 1 commit intocloudflare:mainfrom
BrendanDavies:sankey
Open

feat(chart): Create sankey chart#128
BrendanDavies wants to merge 1 commit intocloudflare:mainfrom
BrendanDavies:sankey

Conversation

@BrendanDavies
Copy link
Copy Markdown

@BrendanDavies BrendanDavies commented Feb 20, 2026

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)

@BrendanDavies BrendanDavies changed the title feat: Create sankey chart feat(chart): Create sankey chart Mar 12, 2026
@BrendanDavies BrendanDavies marked this pull request as ready for review March 12, 2026 20:02
@stritt
Copy link
Copy Markdown
Collaborator

stritt commented Mar 17, 2026

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

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Mar 20, 2026

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

commit: e611b08

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 20, 2026

Docs Preview

View docs preview

Commit: e611b08

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 20, 2026

Visual Regression Report — 11 changed, 25 unchanged

11 screenshot(s) with visual changes:

Button / Sizes

477 px (0.47%) changed

Before After Diff
Before After Diff

Button / Loading State

0 px (0%) changed

Before After Diff
Before After Diff

Dialog / Dialog With Select

130 px (0.13%) changed

Before After Diff
Before After Diff

Dialog / Dialog With Combobox

244 px (0.24%) changed

Before After Diff
Before After Diff

Dialog / Dialog With Dropdown

244 px (0.24%) changed

Before After Diff
Before After Diff

Select / Select Basic

300 px (0.3%) changed

Before After Diff
Before After Diff

Select / Select Loading

0 px (0%) changed

Before After Diff
Before After Diff

Select / Select Complex

1,144 px (0.97%) changed

Before After Diff
Before After Diff

Select / Select Grouped

430 px (0.42%) changed

Before After Diff
Before After Diff

Select / Select Long List

976 px (0.82%) changed

Before After Diff
Before After Diff

Select (Open)

70 px (0%) changed

Before After Diff
Before After Diff
25 screenshot(s) unchanged
  • Button / Basic
  • Button / Variant: Primary
  • Button / Variant: Secondary
  • Button / Variant: Ghost
  • Button / Variant: Destructive
  • Button / Variant: Outline
  • Button / Variant: Secondary Destructive
  • Button / With Icon
  • Button / Icon Only
  • Button / Disabled State
  • Button / Title
  • Dialog / Dialog With Actions
  • Dialog / Dialog Basic
  • Dialog / Dialog Alert
  • Dialog / Dialog Confirmation
  • Dialog (Open)
  • Select / Select Without Label
  • Select / Select With Field
  • Select / Select Placeholder
  • Select / Select With Tooltip
  • Select / Select Custom Rendering
  • Select / Select Multiple
  • Select / Select Disabled Options
  • Select / Select Disabled Items
  • Select / Select Grouped With Disabled

Generated by Kumo Visual Regression

@stritt
Copy link
Copy Markdown
Collaborator

stritt commented Apr 8, 2026

/bonk review code

@ask-bonk
Copy link
Copy Markdown
Contributor

ask-bonk bot commented Apr 8, 2026

@stritt Bonk workflow was cancelled.

View workflow run · To retry, trigger Bonk again.

@BrendanDavies
Copy link
Copy Markdown
Author

/bonk review code

Comment thread packages/kumo/src/components/chart/SankeyChart.tsx Outdated
Comment thread packages/kumo/src/components/chart/SankeyChart.tsx Outdated
Comment thread packages/kumo/src/components/chart/SankeyChart.tsx Outdated
Comment thread packages/kumo-docs-astro/src/pages/charts/sankey.astro
@BrendanDavies BrendanDavies force-pushed the sankey branch 2 times, most recently from e1830f7 to 8158850 Compare April 15, 2026 19:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants