# Stream Graph Generator

Generate smooth stream graphs for visualizing time-series data flow, perfect for showing changes in composition over time with organic, flowing shapes

> Canonical page: https://elysiatools.com/en/tools/stream-graph

- **Category:** Data Visualization

- **Keywords:** stream graph, flow chart, time series, data flow, smooth visualization, area chart, temporal data, composition change

## Overview

The Stream Graph Generator creates smooth, organic visualizations for time-series data, allowing you to effectively track how the composition of different categories changes over time.

## Inputs

- **Stream Data** (textarea): Time-series data for the stream graph. Each series represents a flowing layer over time.
- **Chart Title** (text): Title that will be displayed above the chart
- **Color Scheme** (select): Select color scheme
- **Custom Colors** (text): Custom colors for streams (comma-separated hex colors). Overrides color scheme if provided.
- **Stream Opacity** (number): Opacity of the stream layers (0.1 to 1.0)
- **Curve Smoothness** (number): Smoothness of the stream curves (0.1 to 1.0, higher = smoother)
- **Background Color** (color): Background color for the chart container
- **Grid Color** (color): Color for the grid lines
- **Chart Height** (number): Height of the chart in pixels
- **Maximum Value** (number): Maximum value for Y-axis (leave empty for auto-scale)
- **Minimum Value** (number): Minimum value for Y-axis
- **X-Axis Label** (text): Label for the X-axis (typically time)
- **Y-Axis Label** (text): Label for the Y-axis
- **Show Grid Lines** (checkbox): Display grid lines for better readability
- **Show Values on Streams** (checkbox): Display values within the stream layers
- **Show Data Labels** (checkbox): Display data labels at key points
- **Normalize to 100%** (checkbox): Convert values to percentages showing relative contribution over time
- **Show Legend** (checkbox): Display a legend below the chart

## When to use

- When you need to visualize the relative contribution of multiple categories over a continuous time period.
- When you want to highlight trends and shifts in data volume using flowing, aesthetic shapes.
- When you need to present complex time-series data in a more intuitive and visually engaging format than a standard area chart.

## How it works

- Input your time-series data in the required JSON format, specifying labels and series values.
- Customize the visual appearance by selecting a color scheme, adjusting curve smoothness, and setting stream opacity.
- Configure axis labels, grid lines, and normalization settings to tailor the chart to your specific data requirements.
- Generate the chart to instantly visualize your data flow as a professional, high-quality stream graph.

## Use cases

- Tracking website traffic sources (Desktop, Mobile, Tablet) over several months.
- Visualizing the evolution of market share for different products in a specific industry.
- Displaying the changing composition of energy production sources (Solar, Wind, Coal) over a decade.

## Frequently asked questions

### What data format is required?

The tool requires a JSON object containing an array of labels for the X-axis and an array of series objects, each with a name and a corresponding data array.

### Can I use my own colors?

Yes, you can provide a comma-separated list of hex color codes in the Custom Colors field to override the default color schemes.

### What does the 'Normalize to 100%' option do?

It converts absolute values into percentages, allowing you to focus on the relative composition of each category rather than the raw totals.

### Can I adjust the smoothness of the curves?

Yes, you can set the Curve Smoothness value between 0.1 and 1.0 to control how organic or sharp the stream transitions appear.

### Is the chart height adjustable?

Yes, you can define the chart height in pixels, ranging from 300 to 800 pixels to fit your layout needs.

## Related tools

- [Calendar Heatmap Generator](https://elysiatools.com/en/tools/calendar-heatmap): Generate GitHub-style calendar heatmaps to visualize activity patterns over time, perfect for tracking yearly contributions, habits, or metrics
- [Flowchart Maker](https://elysiatools.com/en/tools/flowchart-maker): Describe nodes and connections in Mermaid-style syntax and generate a layered flowchart diagram
- [Grouped Bar Chart Generator](https://elysiatools.com/en/tools/grouped-bar-chart): Generate grouped bar charts for comparing multiple categories side by side, perfect for multi-category comparisons and comparative analysis
- [Venn Diagram Generator](https://elysiatools.com/en/tools/euler-diagram-generator): Generate customizable Venn diagrams to visualize set relationships, intersections, exclusions, and hierarchical structures
- [Area Chart Generator](https://elysiatools.com/en/tools/area-chart-generator): Generate customizable area charts from data with filled areas under lines, perfect for showing trends and cumulative data
- [Bar Chart Generator](https://elysiatools.com/en/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options
- [Box Plot Generator](https://elysiatools.com/en/tools/box-plot-generator): Generate box plots for statistical distribution analysis with quartiles, whiskers, and outliers
- [Bubble Chart Generator](https://elysiatools.com/en/tools/bubble-chart-generator): Generate customizable bubble charts from data with three dimensions (x, y, size)

## Samples

- [Grafana Advanced Application Samples](https://elysiatools.com/en/samples/grafana-samples): Comprehensive Grafana samples covering advanced dashboard design, alerting configurations, data source integrations, and plugin development
- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion
- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion