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

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

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

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

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

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

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

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

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

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

Elysia Tools

Навигация

Data Visualization

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

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

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Ввод

Параметры сгруппированы, чтобы длинные формы было проще просматривать.

15 параметров

СодержимоеВставьте или введите основные значения.2

Данные СоединенийtextareaОбязательноМассив соединений с полями source, target и valueЗаголовок ДиаграммыtextНеобязательноЗаголовок отображается над диаграммой

НастройкиНастройте форматы, диапазоны, числа и режимы.8

Порядок СортировкиselectНеобязательноЦветовая СхемаselectНеобязательноЦвет ФонаcolorНеобязательноЦвет фона диаграммыВнешний РадиусnumberНеобязательноРадиус внешней окружности в пикселяхВнутренний РадиусnumberНеобязательноРадиус внутренней окружности в пикселяхПрозрачность ХордыnumberНеобязательноПрозрачность хорды (0-1)Заполнение ДугиnumberНеобязательноПространство между дугами (0-0.1)Продолжительность Анимации (мс)numberНеобязательноВремя анимации в миллисекундах

ПереключателиВключайте или отключайте дополнительные режимы.5

Показать МеткиcheckboxНеобязательноВключено, если отмеченоОтображать имена сущностейПоказать ЗначенияcheckboxНеобязательноВключено, если отмеченоОтображать значения общего потокаПоказать ЛегендуcheckboxНеобязательноВключено, если отмеченоОтображать цветовую легендуПоказать СтатистикуcheckboxНеобязательноВключено, если отмеченоОтображать статистику потоковВключить АнимациюcheckboxНеобязательноВключено, если отмеченоАнимировать при загрузке

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Продолжить с похожими инструментами и темами

[{"source": "Москва", "target": "Санкт-Петербург", "value": 1200}, {"source": "Москва", "target": "Казань", "value": 800}, {"source": "Санкт-Петербург", "target": "Казань", "value": 400}]

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

Запустить этот инструмент

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Ввод

Результат

Узнайте, когда использовать этот инструмент, что он поддерживает и как его применяют пользователи.

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

Обзор

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

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

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

Примеры

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

FAQ

Примеры Обработки Изображений Android Java

Примеры Обработки Изображений Android Kotlin

Примеры Обработки Изображений Web Python

Примеры Обработки Изображений Web Rust

Генератор Ящика с Усами

Пакетный генератор кодов

Генератор Диапазонного Графика

Генератор slug (с китайским в Пиньинь)

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

Инструменты для штрихкодов, QR-кодов и этикеток

Генераторы JSON-схем, mock-данных и API-fixture

Генераторы CSS-эффектов, палитр и дизайн-токенов