Elysia Tools

Browse tools, examples, visual explainers, and topic guides from one clear workspace.

Top Categories

Hubs

Language
ZHESPTRUFRDEEN

Elysia Tools

Navigation

Data Visualization

Sankey Diagram Generator

· Last updated：2025-10-30

Generate Sankey diagrams to visualize flow distributions and energy transfers between different nodes

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Samples

Examples that match this tool

Related

Continue with connected tools and hubs

Written by the Elysia Tools team
Visualization69
Data Visualization57
Chart53

Tool usage guide

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Category
Data Visualization
Input types
textarea, text, number, color, checkbox
Output type
html
Sample coverage
4
API ready
Yes

Overview

The Sankey Diagram Generator allows you to create professional flow-based visualizations by mapping nodes and links, making it easy to track energy transfers, resource distributions, or complex network flows.

When to use

  • When you need to visualize the distribution of resources or energy across different stages.
  • When analyzing complex system flows where the volume of movement between nodes is critical.
  • When you want to present data-driven insights through clear, animated, and interactive flow diagrams.

How it works

  1. 1Input your data in JSON format, defining your nodes and the links that connect them with specific values.
  2. 2Customize the visual appearance by adjusting node colors, link colors, and chart dimensions.
  3. 3Toggle display options like labels, values, and animations to refine the presentation.
  4. 4Generate the diagram to visualize your data as a clean, professional HTML output.

Use cases

  • Visualizing energy consumption across different sectors of a facility.
  • Mapping customer journey paths to identify drop-off points in a sales funnel.
  • Tracking budget allocation from funding sources to specific departmental projects.

Examples

1. Energy Consumption Analysis

Sustainability Analyst

Background

An analyst needs to report how electricity is distributed from the main grid to various building systems.

Problem

Traditional bar charts fail to show the relationship between the source and the final consumption points.

How to use

Input the energy source nodes and consumption nodes into the JSON data field, then enable 'Show Values' to display the kilowatt-hours.

{"nodes": [{"id": "grid", "name": "Main Grid", "value": 500}, {"id": "hvac", "name": "HVAC", "value": 300}, {"id": "lighting", "name": "Lighting", "value": 200}], "links": [{"source": "grid", "target": "hvac", "value": 300}, {"source": "grid", "target": "lighting", "value": 200}]}

Outcome

A clear flow diagram showing the total energy input and its proportional split between HVAC and lighting systems.

FAQ

What data format does the generator require?

The tool requires a JSON object containing two arrays: 'nodes' (with id, name, and value) and 'links' (with source, target, and value).

Can I customize the colors of the diagram?

Yes, you can provide comma-separated hex color codes for both nodes and links to match your brand or data categories.

What is the purpose of the 'Node Padding' setting?

Node padding controls the vertical spacing between nodes, allowing you to adjust the density and readability of the diagram.

Is the diagram interactive?

The generated diagram supports optional animations on load and can display labels and flow values directly on the links.

What are the limits for the chart dimensions?

The chart width can be set between 600 and 1200 pixels, and the height can be set between 400 and 800 pixels.

Hub

Chart and Diagram Generators

Choose a chart or diagram that makes comparisons, distributions, hierarchies, relationships, and schedules understandable.

Home
Tools3201
Samples593
Visualizations465
Viewers103
Hubs233
Tags333
Images, Audio & Video657

Image, audio, and video processing, conversion, and optimization tools

Math, Date & Finance644

Calculators, numerics, date logic, statistics, and finance tools

Design & Color297

Color, layout, graphics, visual styling, and design helper tools

Text & Writing209

Writing, cleanup, formatting, extraction, and text analysis tools

Developer & Web193

Developer utilities, networking, web debugging, and automation helpers

Conversion & Encoding175

Format, file, archive, unit, and encoding conversion tools

FLAC/WAV Source Screening and Evidence Handoff
Self-Hosted Giveaway Widget Review and Embed Handoff
Stripe Promo Code Batch Review and Import Preflight
Batch Photo Culling Review and Editing Shortlist Handoff
UI Screenshot Structure Review and Development Handoff

© 2026 Elysia Tools. All rights reserved.

DocsPricingAboutTerms of ServicePrivacy PolicyCookiesContact
Monitoring

Grafana Advanced Application Samples

Comprehensive Grafana samples covering advanced dashboard design, alerting configurations, data source integrations, and plugin development

Data Visualization

D3.js Data Visualization Samples

Comprehensive D3.js data visualization examples including charts, maps, animations, and interactive visualizations

Media

QR Code Samples

Sample QR code images for testing QR code reading and generation tools

DevOps

ELK Stack Log Analysis Samples

Comprehensive ELK Stack (Elasticsearch, Logstash, Kibana) samples for log aggregation, processing, and visualization in distributed systems

Data Visualization

Bar Chart Generator

Generate customizable bar charts from data with various styling options

Data Visualization

Bubble Chart Generator

Generate customizable bubble charts from data with three dimensions (x, y, size)

Data Visualization

Donut Chart Generator

Generate customizable donut charts (ring charts) from data with various styling options, perfect for showing proportions with a central space

Data Visualization

Funnel Chart Generator

Generate customizable funnel charts from data, perfect for showing conversion rates, sales pipelines, and process flows