Категории

Генератор Многоуровневого Кругового Графика

Создание концентрических многоуровневых круговых графиков с иерархическими отношениями и интерактивной функцией детализации

Иерархические данные как вложенный JSON объект с числовыми значениями в конечных узлах

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

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

Внешний радиус самого внешнего круга в пикселях

Начальный угол в градусах (0-360)

Конечный угол в градусах (0-360)

Максимальное количество уровней для отображения

Текст для отображения в центре графика

Ширина границ между сегментами в пикселях

Отображать метки сегментов

Отображать значения сегментов

Отображать процентные значения

Включить интерактивную функцию детализации

Размер шрифта для меток и значений

Размер шрифта для заголовка графика

Семейство шрифтов для текстовых элементов

Ширина графика в пикселях

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

Цвет фона графика

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

Длительность анимации в миллисекундах

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

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

Обзор

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

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

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

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

  • Подготовьте данные в формате вложенного JSON, где каждый уровень иерархии содержит числовые значения в конечных узлах.
  • Настройте параметры отображения, такие как радиусы кругов, цветовая схема и глубина вложенности.
  • Активируйте функцию детализации и выберите дополнительные опции, например, отображение меток или процентов.
  • Сгенерируйте график и используйте его для презентации или анализа данных в интерактивном режиме.

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

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

Примеры

1. Анализ IT-бюджета

Финансовый аналитик
Контекст
Необходимо представить руководству структуру расходов IT-департамента, разделенную на программное и аппаратное обеспечение.
Проблема
Сложно наглядно показать, как мелкие статьи расходов формируют общую сумму затрат.
Как использовать
Вставить JSON-структуру с категориями 'Software' и 'Hardware' в поле данных и выбрать цветовую схему 'cool'.
Пример конфигурации
{"Technology": {"Software": {"Frontend": 150, "Backend": 200}, "Hardware": {"Servers": 80}}}
Результат
Получен интерактивный график, где при клике на 'Software' раскрываются детали затрат на разработку.

2. Структура маркетинговых каналов

Маркетолог
Контекст
Требуется отчет по эффективности различных каналов привлечения трафика за квартал.
Проблема
Традиционные диаграммы не позволяют увидеть вложенность каналов (например, Digital -> Соцсети -> Реклама).
Как использовать
Использовать инструмент для создания концентрического графика с включенными метками и процентами.
Пример конфигурации
{"Marketing": {"Digital": {"Social": 120, "Search": 80}, "Traditional": {"TV": 50, "Print": 30}}}
Результат
Наглядная диаграмма, демонстрирующая долю каждого канала в общем маркетинговом бюджете с точностью до процента.

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

json, text

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

FAQ

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

Данные должны быть представлены в виде вложенного JSON-объекта, где ключи обозначают категории, а значения — числовые показатели.

Можно ли настроить количество уровней отображения?

Да, вы можете ограничить глубину отображения с помощью параметра 'Максимальная глубина' (от 1 до 5 уровней).

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

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

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

Вы можете настраивать цветовую схему, размеры шрифтов, ширину границ сегментов и даже углы отображения диаграммы.

В каком формате я получу результат?

Инструмент генерирует интерактивный HTML-график, готовый к встраиванию в веб-страницы или отчеты.

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

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

POST /ru/api/tools/multi-level-pie-chart-generator

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

Имя параметра Тип Обязательно Описание
chartTitle text Нет Заголовок, который будет отображаться над графиком
hierarchicalData textarea Да Иерархические данные как вложенный JSON объект с числовыми значениями в конечных узлах
innerRadius number Нет Внутренний радиус самого внутреннего круга в пикселях
outerRadius number Нет Внешний радиус самого внешнего круга в пикселях
colorScheme select Нет -
startAngle number Нет Начальный угол в градусах (0-360)
endAngle number Нет Конечный угол в градусах (0-360)
maxDepth number Нет Максимальное количество уровней для отображения
centerLabel text Нет Текст для отображения в центре графика
strokeWidth number Нет Ширина границ между сегментами в пикселях
showLabels checkbox Нет Отображать метки сегментов
showValues checkbox Нет Отображать значения сегментов
showPercentages checkbox Нет Отображать процентные значения
enableDrillDown checkbox Нет Включить интерактивную функцию детализации
fontSize number Нет Размер шрифта для меток и значений
titleSize number Нет Размер шрифта для заголовка графика
fontFamily text Нет Семейство шрифтов для текстовых элементов
chartWidth number Нет Ширина графика в пикселях
chartHeight number Нет Высота графика в пикселях
backgroundColor color Нет Цвет фона графика
animationEnabled checkbox Нет Анимировать график при загрузке
animationDuration number Нет Длительность анимации в миллисекундах

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

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

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

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

{
  "mcpServers": {
    "elysiatools-multi-level-pie-chart-generator": {
      "name": "multi-level-pie-chart-generator",
      "description": "Создание концентрических многоуровневых круговых графиков с иерархическими отношениями и интерактивной функцией детализации",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=multi-level-pie-chart-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]