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

@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
Collaborator

stritt commented Mar 17, 2026

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

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.

3 participants