Полярная диаграмма онлайн

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

• Нагрузка на сервис по трёхчасовым окнам UTC
• Сезонность заказов по кварталам или месяцам
• Распределение по сторонам света или направлениям
• Активность пользователей по дням недели

Как с ней работать в Dele

• Категории (categories) — 4–8 пар «название + значение» с уникальными названиями в естественном порядке; сортировать по значению нельзя.
• Значение от 0 до max, длина луча пропорциональна ему; ноль не рисует луча. Пропущенное значение — не ноль: категорию лучше убрать и сказать об этом.
• Шкала линейная, по умолчанию до 100, всегда с нуля и с пятью кольцами через 20%. Единица (unit) печатается один раз в подзаголовке.
• Где стоит первая категория, задают startAngle (по умолчанию −90, то есть «12 часов») и направление clockwise.
• Акцентной может быть не больше одной категории — пик или окно, о котором заголовок. Источник данных укажите в сноске.

Три способа собрать диаграмму

Словами. Откройте ИИ-ассистента в редакторе или подключите своего агента по MCP и опишите задачу, например:

«Сделай полярную диаграмму нагрузки по окнам UTC: 00–03 — 32, 03–06 — 18, 06–09 — 24, 09–12 — 58, 12–15 — 100, 15–18 — 82, 18–21 — 76, 21–24 — 45. Выдели пик.»

В редакторе. Создайте диаграмму из шаблона «Полярная диаграмма», меняйте элементы на холсте и в панели справа — раскладка пересчитывается сама.

Кодом. Диаграмма — это JSON-спецификация. Её можно править в панели «Спецификация», генерировать скриптом и хранить в git.

{
  "type": "polar",
  "title": "Нагрузка по окнам UTC",
  "description": "Полярная диаграмма на шкале 0–100% от дневного пика: пик — окно 12–15 UTC, остальные семь окон идут по часовой стрелке от полуночи.",
  "unit": "% от дневного пика",
  "max": 100,
  "startAngle": -90,
  "clockwise": true,
  "categories": [
    {
      "label": "00–03",
      "value": 32
    },
    {
      "label": "03–06",
      "value": 18
    },
    {
      "label": "06–09",
      "value": 24
    },
    {
      "label": "09–12",
      "value": 58
    },
    {
      "label": "12–15",
      "value": 100,
      "focal": true
    },
    {
      "label": "15–18",
      "value": 82
    },
    {
      "label": "18–21",
      "value": 76
    },
    {
      "label": "21–24",
      "value": 45
    }
  ],
  "footnote": "Учебный нормированный профиль нагрузки"
}

Когда выбрать другой формат

• Несколько рядов на одних осях → Радар
• Категории без кругового порядка → Столбчатая диаграмма
• Больше восьми упорядоченных интервалов → Линейный график