# Генератор Потокового Графика

Генерировать красивые потоковые графики для данных временных рядов с плавными анимациями и вариациями базовой линии

> Каноническая страница: https://elysiatools.com/ru/tools/stream-graph-generator

- **Категория:** Data Visualization

- **Ключевые слова:** потоковый график, временные ряды, потоковые области, базовая линия, гладкие кривые, стекированные области, тренды

## Обзор

Генератор потокового графика позволяет визуализировать данные временных рядов в виде эстетичных «потоковых» областей, которые наглядно демонстрируют изменения трендов и объемов с течением времени.

## Входные данные

- **Данные Временных Рядов** (textarea): Данные временных рядов для потокового графика. Поддерживает JSON-массив или простой формат имя:значение
- **Заголовок Диаграммы** (text): Заголовок, который будет отображаться над диаграммой
- **Временные Метки** (text): Разделенные запятой метки для периодов времени (необязательно)
- **Цветовая Схема** (select): Выбрать цветовую схему
- **Тип Базовой Линии** (select): Алгоритм вычисления базовой линии
- **Ширина Диаграммы** (number): Ширина диаграммы в пикселях
- **Высота Диаграммы** (number): Высота диаграммы в пикселях
- **Показать Сетку** (checkbox): Отображать линии сетки фона
- **Показать Метки** (checkbox): Отображать имена рядов на диаграмме
- **Цвет Фона** (text): Цвет фона для контейнера диаграммы

## Когда использовать

- Для визуализации изменений популярности нескольких категорий данных на одном графике.
- Когда необходимо подчеркнуть динамику и плавные переходы между временными интервалами.
- Для создания презентационных отчетов, где важна наглядность распределения объемов по периодам.

## Как это работает

- Введите данные временных рядов в формате JSON или текстовом формате «имя:значение».
- Выберите подходящую цветовую схему и тип базовой линии для настройки стиля отображения.
- Настройте параметры визуализации, такие как размеры диаграммы, отображение сетки и меток.
- Сгенерируйте готовый график, который можно использовать для анализа или вставки в отчеты.

## Сценарии использования

- Анализ популярности поисковых запросов или товаров по месяцам.
- Визуализация распределения бюджета по различным отделам компании в течение года.
- Отслеживание динамики посещаемости веб-ресурсов по разным каналам трафика.

## Частые вопросы

### Какие форматы данных поддерживает инструмент?

Инструмент поддерживает ввод данных в формате JSON-массива или простого текстового формата «имя:значение» с запятыми.

### Что такое «Тип базовой линии»?

Это алгоритм вычисления оси графика: «Нулевая» выравнивает потоки по нижней границе, а «Центрированная» распределяет их относительно центральной оси.

### Можно ли изменить размер графика?

Да, вы можете задать ширину от 400 до 1200 пикселей и высоту от 300 до 800 пикселей в настройках.

### Нужно ли указывать временные метки?

Временные метки являются необязательными, но их добавление через запятую помогает сделать график более информативным.

### В каком виде я получу результат?

Инструмент генерирует интерактивный HTML-график, готовый к использованию в веб-проектах или презентациях.

## Связанные инструменты

- [График Кольца Прогресса](https://elysiatools.com/ru/tools/progress-ring-chart): Создавайте красивые круговые индикаторы прогресса с анимациями, идеально подходящие для отображения процентов, ставок завершения и метрик прогресса
- [График Рейтинговых Звезд](https://elysiatools.com/ru/tools/rating-star-chart): Создавать красивые визуализации рейтинговых звезд для продуктов, услуг и анализа пользовательских отзывов
- [Генератор Розовой Диаграммы](https://elysiatools.com/ru/tools/rose-chart): Генерировать красивые розовые диаграммы Найтингейл (диаграммы гребешка) для визуализации данных через угол и площадь, идеально подходит для сравнительного анализа и представления исторических данных
- [Генератор Временной Шкалы](https://elysiatools.com/ru/tools/timeline-generator): Генерировать красивые и интерактивные временные шкалы из данных событий с различными макетами и стилями
- [Генератор Data URI](https://elysiatools.com/ru/tools/data-uri-generator): Преобразует файлы в Data URI (Base64 или процентное кодирование) для встраивания изображений, шрифтов и ресурсов прямо в HTML, CSS или Markdown
- [Bar Chart Generator](https://elysiatools.com/ru/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options
- [Генератор Пузырьковой Диаграммы](https://elysiatools.com/ru/tools/bubble-chart-generator): Генерировать настраиваемые пузырьковые диаграммы из данных с тремя измерениями (x, y, размер)
- [Генератор Сравнительного Столбчатого Графика](https://elysiatools.com/ru/tools/comparison-bar-chart): Генерировать спина к спине столбчатые графики для сравнения положительных и отрицательных значений, идеально для контрастирования наборов данных

## Примеры

- [Примеры Расширенного Применения Grafana](https://elysiatools.com/ru/samples/grafana-samples): Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
- [JSON Примеры Terraform Plan](https://elysiatools.com/ru/samples/terraform-plan-json-samples): Файлы Terraform plan JSON для визуализации зависимостей и проверки изменений, похожие на terraform show -json
- [Примеры D3.js Визуализации Данных](https://elysiatools.com/ru/samples/d3js-data-visualization): Комплексные примеры визуализации данных D3.js, включая диаграммы, карты, анимации и интерактивные визуализации
- [Примеры QR-кодов](https://elysiatools.com/ru/samples/qrcode-samples): Примерные изображения QR-кодов для тестирования инструментов чтения и генерации QR-кодов