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

Данные должны быть представлены в формате JSON с полями 'name' (имя), 'value' (значение) и массивом 'children' для вложенных элементов.

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

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

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

Да, диаграммы включают всплывающие подсказки с подробной информацией и анимацию при наведении на элементы.

Какую максимальную глубину данных можно отобразить?

Инструмент позволяет настраивать глубину отображения до 10 уровней иерархии.

Можно ли менять ориентацию диаграммы?

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

Elysia Tools

Навигация

Data Visualization

Генератор Ледяных Диаграмм

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

Запуск

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

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

Ввод

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

21 параметров

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

Иерархические ДанныеtextareaОбязательноИерархические данные в формате JSON с полями имя, значение и необязательные массивы дочерних элементовЗаголовок ДиаграммыtextНеобязательноЗаголовок, который будет отображаться над диаграммойПользовательские ЦветаtextareaНеобязательноМассив JSON шестнадцатеричных цветов (требует выбора пользовательских цветов)

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

Цветовая СхемаselectНеобязательноФормат ЗначенияselectНеобязательноШирина ДиаграммыnumberНеобязательноШирина диаграммы в пикселях (мин: 400, макс: 1200)Высота ДиаграммыnumberНеобязательноВысота диаграммы в пикселях (мин: 300, макс: 800)Начальный УровеньnumberНеобязательноНачальный уровень для отображения (0 = корневой уровень)Максимальная ГлубинаnumberНеобязательноМаксимальное количество уровней для отображенияРазмер МеткиnumberНеобязательноРазмер шрифта для меток в пикселях (мин: 8, макс: 16)Размер ОтступаnumberНеобязательноРасстояние между прямоугольниками в пикселях (мин: 0, макс: 10)Радиус ГраницыnumberНеобязательноРадиус угла для прямоугольников в пикселях (мин: 0, макс: 8)Ширина ОбводкиnumberНеобязательноШирина границы для прямоугольников в пикселях (мин: 0, макс: 3)Цвет ФонаcolorНеобязательноЦвет фона для контейнера диаграммыЦвет ОбводкиcolorНеобязательноЦвет границы для прямоугольниковОриентация ДиаграммыselectНеобязательно

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

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

Результат

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

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

Примеры

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

Связано

Генератор Ледяных Диаграмм

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

Ввод

Результат

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

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

Ввод

Результат

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

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

Обзор

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

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

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

Примеры

1. Визуализация структуры папок

2. Организационная структура компании

FAQ

Примеры Расширенного Применения Grafana

Примеры D3.js Визуализации Данных

Примеры QR-кодов

Примеры Анализа Логов ELK Stack

Bar Chart Generator

Генератор Пузырьковой Диаграммы

Генератор Сравнительного Столбчатого Графика

Генератор Кольцевой Диаграммы

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

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

Генераторы типизированного кода из JSON (TypeScript, Go, Rust, Kotlin, Java, C#)

Инструменты JSON-обмена и перевода форматов