# Генератор Ледяных Диаграмм Создавать интерактивные ледяные диаграммы для иерархической визуализации данных, идеально подходящие для отображения древовидных структур, файловых систем и организационных иерархий > Каноническая страница: https://elysiatools.com/ru/tools/icicle-chart-generator - **Категория:** Data Visualization - **Ключевые слова:** ледяная диаграмма, иерархический, древовидная визуализация, treemap, вложенные данные, организационная диаграмма, файловая система, sunburst ## Обзор Генератор ледяных диаграмм позволяет быстро преобразовывать иерархические данные в интерактивные визуализации, идеально подходящие для анализа древовидных структур, файловых систем и организационных иерархий. ## Входные данные - **Иерархические Данные** (textarea): Иерархические данные в формате JSON с полями имя, значение и необязательные массивы дочерних элементов - **Заголовок Диаграммы** (text): Заголовок, который будет отображаться над диаграммой - **Цветовая Схема** (select): Выберите цветовую схему - **Пользовательские Цвета** (textarea): Массив JSON шестнадцатеричных цветов (требует выбора пользовательских цветов) - **Формат Значения** (select): Выберите формат значения - **Ширина Диаграммы** (number): Ширина диаграммы в пикселях (мин: 400, макс: 1200) - **Высота Диаграммы** (number): Высота диаграммы в пикселях (мин: 300, макс: 800) - **Начальный Уровень** (number): Начальный уровень для отображения (0 = корневой уровень) - **Максимальная Глубина** (number): Максимальное количество уровней для отображения - **Размер Метки** (number): Размер шрифта для меток в пикселях (мин: 8, макс: 16) - **Размер Отступа** (number): Расстояние между прямоугольниками в пикселях (мин: 0, макс: 10) - **Радиус Границы** (number): Радиус угла для прямоугольников в пикселях (мин: 0, макс: 8) - **Ширина Обводки** (number): Ширина границы для прямоугольников в пикселях (мин: 0, макс: 3) - **Цвет Фона** (color): Цвет фона для контейнера диаграммы - **Цвет Обводки** (color): Цвет границы для прямоугольников - **Показать Метки** (checkbox): Отображать имена категорий внутри прямоугольников - **Показать Значения** (checkbox): Отображать значения внутри прямоугольников - **Показать Проценты** (checkbox): Показывать проценты вместо абсолютных значений - **Включить Всплывающие Подсказки** (checkbox): Показывать подробную информацию при наведении - **Ориентация Диаграммы** (select): Выберите ориентацию диаграммы - **Анимация При Наведении** (checkbox): Анимировать прямоугольники при наведении ## Когда использовать - Для наглядного представления вложенных данных и структуры папок. - При необходимости анализа иерархии управления внутри организации. - Для визуализации распределения ресурсов или весов в сложных древовидных системах. ## Как это работает - Введите иерархические данные в формате JSON, указав имена узлов, их значения и дочерние элементы. - Настройте внешний вид диаграммы, выбрав цветовую схему, ориентацию и параметры отображения меток. - Сгенерируйте интерактивный график, который поддерживает всплывающие подсказки и анимацию при наведении. ## Сценарии использования - Визуализация структуры файловой системы для анализа занимаемого места. - Построение интерактивных организационных диаграмм компании. - Анализ категорий и подкатегорий товаров в интернет-магазине. ## Частые вопросы ### В каком формате нужно предоставлять данные? Данные должны быть представлены в формате JSON с полями 'name' (имя), 'value' (значение) и массивом 'children' для вложенных элементов. ### Можно ли настроить цвета диаграммы? Да, вы можете выбрать одну из предустановленных цветовых схем или задать собственные цвета с помощью массива HEX-кодов. ### Поддерживает ли инструмент интерактивность? Да, диаграммы включают всплывающие подсказки с подробной информацией и анимацию при наведении на элементы. ### Какую максимальную глубину данных можно отобразить? Инструмент позволяет настраивать глубину отображения до 10 уровней иерархии. ### Можно ли менять ориентацию диаграммы? Да, вы можете переключаться между горизонтальной (сверху вниз) и вертикальной (слева направо) ориентацией. ## Связанные инструменты - [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): Генерировать спина к спине столбчатые графики для сравнения положительных и отрицательных значений, идеально для контрастирования наборов данных - [Генератор Кольцевой Диаграммы](https://elysiatools.com/ru/tools/donut-chart-generator): Генерировать настраиваемые кольцевые диаграммы из данных с различными опциями стилизации, идеально подходит для отображения пропорций с центральным пространством - [Генератор Воронкообразной Диаграммы](https://elysiatools.com/ru/tools/funnel-chart-generator): Генерировать настраиваемые воронкообразные диаграммы из данных, идеально подходит для отображения коэффициентов конверсии, воронок продаж и потоков процессов - [Генератор Диаграммы Ганта](https://elysiatools.com/ru/tools/gantt-chart-generator): Создание профессиональных диаграмм Ганта с линиями времени задач, зависимостями, отслеживанием прогресса и маркерами вех - [Генератор Спидометра](https://elysiatools.com/ru/tools/gauge-chart-generator): Генерировать настраиваемые спидометры из данных, идеально подходит для отображения KPI, метрик и показателей производительности - [Генератор Тепловой Карты](https://elysiatools.com/ru/tools/heatmap-generator): Генерировать настраиваемые тепловые карты из данных, идеально подходит для визуализации плотности данных, корреляций и паттернов ## Примеры - [Примеры Расширенного Применения Grafana](https://elysiatools.com/ru/samples/grafana-samples): Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов - [Примеры D3.js Визуализации Данных](https://elysiatools.com/ru/samples/d3js-data-visualization): Комплексные примеры визуализации данных D3.js, включая диаграммы, карты, анимации и интерактивные визуализации - [Примеры QR-кодов](https://elysiatools.com/ru/samples/qrcode-samples): Примерные изображения QR-кодов для тестирования инструментов чтения и генерации QR-кодов - [Примеры Анализа Логов ELK Stack](https://elysiatools.com/ru/samples/elk-stack-samples): Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах ## Связанные материалы - [Генераторы диаграмм и графиков](https://elysiatools.com/ru/hubs/chart-diagram-generators): Создавайте столбчатые, линейные, круговые, кольцевые, точечные, лепестковые диаграммы, диаграммы Ганта, Санкей, тепловые карты, воронки, treemap и множество других визуализаций из ваших данных в одном хабе. - [Генераторы JSON-схем, mock-данных и API-fixture](https://elysiatools.com/ru/hubs/json-generate): Подборка инструментов для генерации JSON-схем, сборки mock-payload и подготовки API-fixture в одном хабе. - [Генераторы типизированного кода из JSON (TypeScript, Go, Rust, Kotlin, Java, C#)](https://elysiatools.com/ru/hubs/json-to-typed-code-generators): Вставьте JSON и получите готовые типы: интерфейсы TypeScript, структуры Go, структуры Rust с serde, data-классы Kotlin, классы Java, классы C#, схемы Zod и выведенную JSON Schema. - [Инструменты JSON-обмена и перевода форматов](https://elysiatools.com/ru/hubs/json-convert): Сравните инструменты преобразования JSON для CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN и других структурированных форматов в одном хабе.