Категории

← View All Tools

Генератор Розовой Диаграммы

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

Данные для розовой диаграммы в формате JSON с полями метка, значение и необязательное описание

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

Массив JSON шестнадцатеричных цветов (требует выбора пользовательских цветов)

Размер диаграммы в пикселях (мин: 300, макс: 700)

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

Внутренний радиус для розовой диаграммы (0-100)

Расстояние между розовыми сегментами (0-5)

Цвет фона для контейнера диаграммы

Отображать значения внутри лепестков розы

Отображать метки категорий вокруг диаграммы

Отображать фоновые сеточные круги

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

Показывать проценты вместо значений

Отображать общее значение под заголовком

Показывать подробную информацию при наведении

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

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

Обзор

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

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

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

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

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

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

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

Примеры

1. Анализ сезонных продаж

Маркетолог
Контекст
Необходимо представить руководству отчет о продажах по месяцам, чтобы наглядно показать сезонные колебания спроса.
Проблема
Обычные столбчатые диаграммы выглядят скучно и не передают цикличность данных.
Как использовать
Вставить данные продаж в поле 'Данные Диаграммы', выбрать цветовую схему 'Vibrant' и включить отображение значений.
Пример конфигурации
[{"label": "Янв", "value": 450}, {"label": "Фев", "value": 320}, {"label": "Мар", "value": 600}, {"label": "Апр", "value": 750}]
Результат
Получена яркая розовая диаграмма, где каждый месяц представлен отдельным лепестком, четко демонстрирующим рост продаж к весне.

2. Сравнение эффективности филиалов

Бизнес-аналитик
Контекст
Требуется сравнить показатели эффективности четырех филиалов по разным KPI.
Проблема
Нужно компактное решение, которое позволяет быстро оценить вклад каждого филиала в общий результат.
Как использовать
Использовать JSON-данные с названиями филиалов, настроить 'Внутренний радиус' на 40 для создания эффекта кольца и включить 'Показать Итого'.
Пример конфигурации
[{"label": "Филиал А", "value": 88}, {"label": "Филиал Б", "value": 95}, {"label": "Филиал В", "value": 70}, {"label": "Филиал Г", "value": 82}]
Результат
Создана профессиональная диаграмма, где площадь секторов наглядно показывает лидерство Филиала Б на фоне остальных.

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

json
Примеры Расширенного Применения Grafana
Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
preferred input family json
json
Примеры D3.js Визуализации Данных
Комплексные примеры визуализации данных D3.js, включая диаграммы, карты, анимации и интерактивные визуализации
preferred input family json
json
PDF Примеры
PDF примеры, созданные инструментами 2026-02-01..2026-02-10
preferred input family json
json
Примеры Коммуникации WebRTC в Реальном Времени
Комплексные примеры WebRTC для P2P аудио/видео коммуникации, каналов данных, обмена экраном и сервера сигнализации
preferred input family json
json

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

Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Json
Изучите 43 инструментов json для сценариев utility и быстро сравните близкие утилиты.
Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Json для Format
Изучите 6 инструментов json для сценариев format и быстро сравните близкие утилиты.

FAQ

Что такое розовая диаграмма Найтингейл?

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

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

Данные принимаются в формате JSON, где каждый элемент содержит 'label' (название) и 'value' (числовое значение).

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

Да, вы можете выбрать одну из предустановленных схем (например, 'Пастель' или 'Яркая') или задать собственные цвета через массив HEX-кодов.

Как изменить размер диаграммы?

В настройках можно указать размер в пикселях в диапазоне от 300 до 700 для адаптации под ваш макет.

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

Да, вы можете включить всплывающие подсказки (tooltip), которые будут отображать детали при наведении курсора на сегменты диаграммы.

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

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

POST /ru/api/tools/rose-chart

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

Имя параметра Тип Обязательно Описание
chartData textarea Да Данные для розовой диаграммы в формате JSON с полями метка, значение и необязательное описание
chartTitle text Нет Заголовок, который будет отображаться над диаграммой
colorScheme select Нет -
customColors textarea Нет Массив JSON шестнадцатеричных цветов (требует выбора пользовательских цветов)
valueFormat select Нет -
chartSize number Нет Размер диаграммы в пикселях (мин: 300, макс: 700)
startAngle number Нет Начальный угол в градусах (0-360)
innerRadius number Нет Внутренний радиус для розовой диаграммы (0-100)
segmentSpacing number Нет Расстояние между розовыми сегментами (0-5)
backgroundColor color Нет Цвет фона для контейнера диаграммы
showValues checkbox Нет Отображать значения внутри лепестков розы
showLabels checkbox Нет Отображать метки категорий вокруг диаграммы
showGrid checkbox Нет Отображать фоновые сеточные круги
showAnimation checkbox Нет Анимировать лепестки розы при загрузке
showPercentage checkbox Нет Показывать проценты вместо значений
showTotal checkbox Нет Отображать общее значение под заголовком
enableTooltip checkbox Нет Показывать подробную информацию при наведении

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

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

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

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

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