Mermaid Sankey Diagram Tool

Show data flow direction and scale changes, helping analyze resource flows, user paths and complex associations.

What is a Sankey diagram

A Sankey diagram is a visualization chart used to show data flow relationships. It represents the direction and scale changes of data, resources or energy through connection lines of different widths. Sankey diagrams are commonly used for user behavior analysis, energy flow analysis, fund flow analysis and business path research, helping discover key flow nodes.

Use cases

Flow path analysis

Show the flow of users, funds, energy or data from source to destination, discovering key flow paths.

User behavior analysis

Analyze user visit paths, conversion flows and churn nodes to help optimize product experience.

Energy flow analysis

Used to show energy production, conversion and consumption processes, analyzing energy utilization efficiency.

Fund flow analysis

Show the flow of funds between different businesses, departments or projects.

Data flow visualization

Show the process of data passing from input and processing to output in a system.

Sankey diagramFree templates

Global Energy Flow Analysis

Global Energy Flow Analysis

E-commerce conversion Sankey diagram

E-commerce conversion Sankey diagram

How to generate a Sankey diagram with Mermaid

1

Multiple editing methods

You can generate Sankey diagrams by writing Mermaid code, pasting Mermaid code, AI generation, image recognition, code summary and more. You can also draw Sankey diagrams using our built-in Sankey diagram templates.

2

Auto rendering

After entering Mermaid syntax, Sankey diagrams are generated and previewed in real time, with support for custom Sankey diagram styles and themes.

3

Export or share

You can download Sankey diagrams and save them locally. We support exporting Sankey diagrams to PNG, PDF, SVG, JPG, Markdown and other formats, or clicking the “Share” button to share the link with others.

4

Edit again

If you are not satisfied with the result, click the “Visual editing” button to edit the Sankey diagram again in the ProcessOn editor.

Sankey diagramCommon syntax

Syntax
Graphic
Meaning
sankey-beta
Sankey diagram
Create a Sankey diagram
source,target,value
Flow connection line
Define data flow direction, source, target and flow value
source
Left node
Represents the data input source
target
Right node
Represents the data output destination
value
Flow band width
Represents the flow size
More Syntax

Why choose us

Online editing tool

Free templates

Powerful AI capabilities

Real-time preview

Export in multiple formats

Supports re-editing

Sankey diagramDrawing questions

What is a Mermaid Sankey diagram?

A Mermaid Sankey diagram is a chart that shows data flow direction and quantity changes, representing flow scale through connection line width.

What scenarios are Mermaid Sankey diagrams suitable for?

Mermaid Sankey diagrams are suitable for user flow analysis, energy flow analysis, fund flow analysis and business process analysis.

Can Mermaid Sankey diagrams be used for business analysis?

Yes. Mermaid Sankey diagrams are suitable for operations analysis, user path research and business decision support.

How to create a Mermaid Sankey diagram?

Define nodes and flow relationships with Mermaid Sankey diagram syntax to quickly generate a data flow diagram. It also supports automatic Mermaid Sankey diagram generation through AI.

What are the advantages of Mermaid Sankey diagrams?

Mermaid Sankey diagrams intuitively show the flow relationships between complex data, helping users discover key paths and resource distribution.