# Stream Graph Generator Generate beautiful stream graphs for time series data with smooth flowing animations and baseline variations > Canonical page: https://elysiatools.com/en/tools/stream-graph-generator - **Category:** Data Visualization - **Keywords:** stream graph, time series, flowing areas, baseline, smooth curves, stacked areas, trends, visualization ## Overview The Stream Graph Generator creates visually engaging, stacked area charts that represent time-series data through smooth, flowing curves. It is an ideal tool for visualizing how different categories evolve and fluctuate over time, providing a clear view of trends and volume changes. ## Inputs - **Time Series Data** (textarea): Time series data for the stream graph. Supports JSON array or simple name:value list format - **Chart Title** (text): Title that will be displayed above the chart - **Time Labels** (text): Comma-separated labels for time periods (optional) - **Color Scheme** (select): Select color scheme - **Baseline Type** (select): Algorithm for calculating the baseline - **Chart Width** (number): Width of the chart in pixels - **Chart Height** (number): Height of the chart in pixels - **Show Grid** (checkbox): Display background grid lines - **Show Labels** (checkbox): Display series names on the chart - **Background Color** (text): Background color for the chart container ## When to use - When you need to visualize the relative changes in volume for multiple categories over a specific time period. - When you want to highlight trends and patterns in time-series data using a fluid, organic aesthetic. - When you need to present stacked data in a way that emphasizes the overall shape and flow rather than just individual data points. ## How it works - Input your time-series data as a JSON array or a simple name-value list. - Customize the visual output by selecting a color scheme, baseline type, and chart dimensions. - Toggle display options like grid lines and series labels to refine the presentation. - Generate the chart to visualize your data with smooth, stacked flowing areas. ## Use cases - Tracking website traffic sources over several months to see which channels are growing. - Visualizing monthly sales performance across different product categories to identify seasonal trends. - Displaying shifts in market share for various competitors over a multi-year period. ## Frequently asked questions ### What data formats are supported? The tool supports JSON arrays containing names and value arrays, or simple text-based lists formatted as 'Name:value1,value2,value3'. ### Can I change the baseline of the graph? Yes, you can choose between a 'Zero Baseline' for standard stacking or a 'Centered' baseline for a symmetrical stream effect. ### Is the chart size adjustable? Yes, you can define the exact width and height in pixels within the configuration settings, ranging from 400px to 1200px for width and 300px to 800px for height. ### Can I customize the colors? Yes, the tool provides several preset color schemes including Warm, Cool, Pastel, Vibrant, and Business themes. ### Are the labels and grid lines optional? Yes, you can toggle the 'Show Grid' and 'Show Labels' checkboxes to show or hide these elements based on your preference. ## Related tools - [Progress Ring Chart](https://elysiatools.com/en/tools/progress-ring-chart): Create beautiful circular progress indicators with animations, perfect for displaying percentages, completion rates, and progress metrics - [Rating Star Chart](https://elysiatools.com/en/tools/rating-star-chart): Create beautiful star rating visualizations for products, services, and user feedback analysis with interactive animations - [Rose Chart Generator](https://elysiatools.com/en/tools/rose-chart): Generate beautiful Nightingale rose charts (coxcomb charts) to visualize data through both angle and area, perfect for comparative analysis and historical data presentation - [Timeline Generator](https://elysiatools.com/en/tools/timeline-generator): Generate beautiful and interactive timelines from events data with various layouts and styles - [Data URI Generator](https://elysiatools.com/en/tools/data-uri-generator): Convert files into Data URIs (Base64 or percent-encoded) for inlining images, fonts, and assets directly into HTML, CSS, or Markdown - [Bar Chart Generator](https://elysiatools.com/en/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Bubble Chart Generator](https://elysiatools.com/en/tools/bubble-chart-generator): Generate customizable bubble charts from data with three dimensions (x, y, size) - [Comparison Bar Chart Generator](https://elysiatools.com/en/tools/comparison-bar-chart): Generate back-to-back bar charts for positive and negative value comparison, perfect for contrasting data sets ## 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 - [Terraform Plan JSON Samples](https://elysiatools.com/en/samples/terraform-plan-json-samples): Sample Terraform plan JSON files exported from terraform show -json style payloads for dependency visualization and change review - [D3.js Data Visualization Samples](https://elysiatools.com/en/samples/d3js-data-visualization): Comprehensive D3.js data visualization examples including charts, maps, animations, and interactive visualizations - [QR Code Samples](https://elysiatools.com/en/samples/qrcode-samples): Sample QR code images for testing QR code reading and generation tools