Категории

← View All Tools

Генератор Диаграммы Санки

Генерировать диаграммы Санки для визуализации распределений потоков и передач энергии между различными узлами

Данные для диаграммы Санки в формате JSON с массивами узлов и связей

Заголовок, который будет отображаться над диаграммой

Цвета для узлов (шестнадцатеричные цвета через запятую)

Цвета для связей потока (шестнадцатеричные цвета через запятую)

Ширина диаграммы в пикселях

Высота диаграммы в пикселях

Ширина каждого узла в пикселях

Вертикальный отступ между узлами в пикселях

Цвет фона для контейнера диаграммы

Отображать значения потока на диаграмме

Отображать имена узлов на диаграмме

Анимировать диаграмму при загрузке

Ключевые факты

Категория
Data Visualization
Типы входных данных
textarea, text, number, color, checkbox
Тип результата
html
Покрытие примерами
4
API доступен
Yes

Обзор

Генератор диаграммы Санки позволяет визуализировать сложные потоки данных, распределение ресурсов или передачу энергии между узлами с помощью наглядных интерактивных графиков.

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

  • •Для анализа распределения бюджета или финансовых потоков в компании.
  • •Для визуализации цепочек поставок и перемещения товаров между логистическими узлами.
  • •Для демонстрации потерь или преобразований энергии в технических системах.

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

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

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

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

Примеры

1. Анализ бюджета проекта

Финансовый аналитик
Контекст
Необходимо наглядно показать руководству, как распределяются средства из общего бюджета по отделам и на какие статьи расходов они уходят.
Проблема
Сложно воспринимать табличные данные о движении средств.
Как использовать
Создать JSON-структуру с узлами (Бюджет, Отделы, Расходы) и связями, отражающими суммы перечислений.
Пример конфигурации
{"nodes": [{"id": "budget", "name": "Бюджет"}, {"id": "marketing", "name": "Маркетинг"}, {"id": "dev", "name": "Разработка"}], "links": [{"source": "budget", "target": "marketing", "value": 5000}, {"source": "budget", "target": "dev", "value": 15000}]}
Результат
Понятная диаграмма, где ширина потока пропорциональна выделенной сумме, что позволяет мгновенно оценить приоритеты финансирования.

Проверить на примерах

json
PDF Примеры
PDF примеры, созданные инструментами 2026-02-01..2026-02-10
preferred input family json
json
Примеры Расширенного Применения Grafana
Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
preferred input family json
json
Примеры Анализа Логов ELK Stack
Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах
preferred input family json
json
Примеры D3.js Визуализации Данных
Комплексные примеры визуализации данных D3.js, включая диаграммы, карты, анимации и интерактивные визуализации
preferred input family json
json

Связанные хабы

Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Json
Изучите 43 инструментов json для сценариев utility и быстро сравните близкие утилиты.
Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Json для Format
Изучите 6 инструментов json для сценариев format и быстро сравните близкие утилиты.

FAQ

В каком формате нужно подавать данные?

Данные принимаются в формате JSON, содержащем массивы объектов 'nodes' (узлы) и 'links' (связи).

Можно ли настроить цвета узлов и связей?

Да, вы можете указать список HEX-кодов цветов через запятую в соответствующих полях настроек.

Поддерживает ли инструмент анимацию?

Да, вы можете включить опцию анимации, чтобы диаграмма плавно прорисовывалась при загрузке.

Можно ли изменить размер итоговой диаграммы?

Да, в настройках доступны поля для указания точной ширины и высоты диаграммы в пикселях.

Отображаются ли значения потоков на графике?

Да, вы можете активировать опцию 'Показать Значения', чтобы числовые показатели были видны рядом с линиями потока.

Документация API

Конечная точка запроса

POST /ru/api/tools/sankey-diagram-generator

Параметры запроса

Имя параметра Тип Обязательно Описание
chartData textarea Да Данные для диаграммы Санки в формате JSON с массивами узлов и связей
chartTitle text Нет Заголовок, который будет отображаться над диаграммой
nodeColors text Нет Цвета для узлов (шестнадцатеричные цвета через запятую)
linkColors text Нет Цвета для связей потока (шестнадцатеричные цвета через запятую)
chartWidth number Нет Ширина диаграммы в пикселях
chartHeight number Нет Высота диаграммы в пикселях
nodeWidth number Нет Ширина каждого узла в пикселях
nodePadding number Нет Вертикальный отступ между узлами в пикселях
backgroundColor color Нет Цвет фона для контейнера диаграммы
showValues checkbox Нет Отображать значения потока на диаграмме
showLabels checkbox Нет Отображать имена узлов на диаграмме
animated checkbox Нет Анимировать диаграмму при загрузке

Формат ответа

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-sankey-diagram-generator": {
      "name": "sankey-diagram-generator",
      "description": "Генерировать диаграммы Санки для визуализации распределений потоков и передач энергии между различными узлами",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=sankey-diagram-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]