ApexCharts
  • Products

    ApexCharts.js
    Modern, interactive charts for the web
    ApexGrid
    High-performance data grid for the web
    ApexMaps
    Maps and geographic data visualization
    ApexGantt
    Project planning with dependencies
    ApexTree
    Org charts and hierarchical diagrams
    ApexSankey
    Flow and relationship diagrams
    ApexStock
    Financial charts and indicators
    Chart Editor
    Visual chart builder, no code required

    By capability

    • JavaScript Data Grid
    • JavaScript Gantt Chart
    • JavaScript Sankey Diagram
    • JavaScript Org Chart
    • JavaScript Stock Chart
    • JavaScript Map Chart
  • Build something

    • ShowcaseFull applications built on several Apex products at once
    • RecipesHow to solve one concrete problem, with the wiring code

    Browse examples

    • All demosEvery gallery, across all seven products
    • Chart featuresWhat the charting library can do
    • Unit shapesPictorial charts drawn from real shapes
  • Docs
  • AI
  • Pricing
  • Learn

    • BlogReleases, research and engineering notes
    • What's newThe current version of every product, and its release notes
    • Loved by developersWhat people build and say
    • Embedded analyticsDashboards and reporting inside your product

    Company

    • SupportGet help from the team
    • LicensingWhat each plan permits
    • About us
  • Getting started
  • Basic Sankey
  • Layout & projections
  • Vertical Sankey
  • Circular Sankey
  • Alluvial Diagram
  • Chord Diagram
  • Alternate Node Layout
  • Node Overlapping
  • Motion & data updates
  • Animated Data Update
  • Animated Data Morph
  • Particle Flow
  • Time Playback
  • Interaction
  • Path Highlight & Tracing
  • Draggable Nodes
  • Drill-down
  • Comparison Split-view
  • Nodes, edges & theming
  • Node Customization
  • Edge Options
  • Themes
  • CSS Theming
  • Custom Fonts
  • Extensibility & platform
  • Plugins & Events
  • Localization & RTL

ApexSankey Demos

Browse all ApexSankey sample demos. Click any thumbnail to see the live demo and source code.

FRAMEWORKS
Angular React Vue

Getting started

Basic Sankey
Basic Sankey

Layout & projections

Vertical Sankey
Vertical Sankey
Circular Sankey
Circular Sankey
Alluvial Diagram
Alluvial Diagram
Chord Diagram
Chord Diagram
Alternate Node Layout
Alternate Node Layout
Node Overlapping
Node Overlapping

Motion & data updates

Animated Data Update
Animated Data Update
Animated Data Morph
Animated Data Morph
Particle Flow
Particle Flow
Time Playback
Time Playback

Interaction

Path Highlight & Tracing
Path Highlight & Tracing
Draggable Nodes
Draggable Nodes
Drill-down
Drill-down
Comparison Split-view
Comparison Split-view

Nodes, edges & theming

Node Customization
Node Customization
Edge Options
Edge Options
Themes
Themes
CSS Theming
CSS Theming
Custom Fonts
Custom Fonts

Extensibility & platform

Plugins & Events
Plugins & Events
Localization & RTL
Localization & RTL