Категории

← View All Tools

Генератор Хордовых Диаграмм

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

Массив соединений с полями source, target и value

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

Цвет фона диаграммы

Радиус внешней окружности в пикселях

Радиус внутренней окружности в пикселях

Прозрачность хорды (0-1)

Пространство между дугами (0-0.1)

Отображать имена сущностей

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

Отображать цветовую легенду

Отображать статистику потоков

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

Время анимации в миллисекундах

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

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

Обзор

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

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

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

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

  • •Введите данные в формате JSON, указав источник (source), цель (target) и значение (value) для каждого соединения.
  • •Настройте параметры визуализации, такие как цветовая схема, радиусы окружностей и прозрачность хорд.
  • •Активируйте дополнительные элементы интерфейса, включая легенду, метки и статистику, для улучшения читаемости диаграммы.
  • •Сгенерируйте интерактивную диаграмму, которую можно использовать для презентаций или анализа данных.

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

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

Примеры

1. Анализ торговых потоков между городами

Аналитик данных
Контекст
Необходимо представить отчет о товарообороте между четырьмя крупными городами для руководства.
Проблема
Текстовые таблицы с данными о продажах между городами сложно воспринимать визуально.
Как использовать
Вставить JSON-массив с данными о потоках между городами и выбрать цветовую схему 'vibrant'.
Пример конфигурации
[{"source": "Москва", "target": "Санкт-Петербург", "value": 1200}, {"source": "Москва", "target": "Казань", "value": 800}, {"source": "Санкт-Петербург", "target": "Казань", "value": 400}]
Результат
Интерактивная диаграмма, где толщина хорд наглядно показывает объемы поставок, позволяя мгновенно выявить ключевые торговые направления.

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

barcode
Примеры Протокола QUIC
Комплексные примеры протокола QUIC, включая реализацию HTTP/3, надежный UDP-транспорт, миграцию соединений и оптимизацию производительности
keywords network,migration
sample
Примеры Расширенного Применения Grafana
Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
keywords visualization,data
sample
Примеры Truffle Development Suite
Примеры фреймворка разработки Ethereum Truffle включая смарт-контракты, тестирование, развертывание, миграции, отладку и рабочие процессы разработки
keywords flow,migration
sample
Примеры Prisma
Современный инструментарий базы данных и ORM Prisma с определениями схемы, миграциями, отношениями и типобезопасным доступом к базе данных
keywords relationship,migration,data
sample

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

Инструменты Barcode
Изучите 7 инструментов barcode для сценариев utility и быстро сравните близкие утилиты.
Инструменты Barcode для Convert
Изучите 6 инструментов barcode для сценариев convert и быстро сравните близкие утилиты.
Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Design для Generate
Изучите 19 инструментов design для сценариев generate и быстро сравните близкие утилиты.

FAQ

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

Данные принимаются в виде массива JSON объектов, где каждый объект содержит поля 'source', 'target' и 'value'.

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

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

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

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

Что означают значения в данных?

Значение (value) определяет толщину хорды: чем выше число, тем шире связь между двумя сущностями.

Можно ли изменить порядок отображения элементов?

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

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

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

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

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

Имя параметра Тип Обязательно Описание
chartData textarea Да Массив соединений с полями source, target и value
chartTitle text Нет Заголовок отображается над диаграммой
sortOrder select Нет -
colorScheme select Нет -
backgroundColor color Нет Цвет фона диаграммы
radius number Нет Радиус внешней окружности в пикселях
innerRadius number Нет Радиус внутренней окружности в пикселях
chordOpacity number Нет Прозрачность хорды (0-1)
padding number Нет Пространство между дугами (0-0.1)
showLabels checkbox Нет Отображать имена сущностей
showValues checkbox Нет Отображать значения общего потока
showLegend checkbox Нет Отображать цветовую легенду
showStats checkbox Нет Отображать статистику потоков
enableAnimation checkbox Нет Анимировать при загрузке
animationDuration number Нет Время анимации в миллисекундах

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

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

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

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

{
  "mcpServers": {
    "elysiatools-chord-diagram-generator": {
      "name": "chord-diagram-generator",
      "description": "Генерировать интерактивные хордовые диаграммы для визуализации двусторонних потоков и отношений между сущностями",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=chord-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]