Диаграмма, Лепестковая, Лепестковая с маркерами, Заполненная лепестковая — изучаем новое в IT и AI на реальных метриках devitpro.uz
Продолжаем нашу серию материалов о визуализации данных. В прошлый раз мы разбирали поверхностные диаграммы. Сегодня — следующий шаг: лепестковые диаграммы. Это семейство визуализаций, которое отвечает на вопрос «как объект выглядит сразу по нескольким измерениям?» и позволяет сравнивать профили — не отдельные числа, а форму данных. Мы изучим четыре варианта: базовую Лепестковую, Лепестковую с маркерами, Заполненную лепестковую и сравним их на реальных метриках сайта devitpro.uz.
Данные — не абстрактные. Это показатели Cloudflare Requests за период 01.09.2026 — 01.10.2026 и Vercel Edge Requests за 28.06.2026 — 01.09.2026. Лепестковая диаграмма здесь работает не как «красивая картинка», а как инструмент: она показывает, насколько сбалансированы метрики, где профиль «вытянут», а где «проваливается». Именно так визуализация превращает набор цифр в историю о нагрузке, аудитории и инфраструктуре.
Главная мысль: лепестковая диаграмма — это не про «много осей». Это про профиль и форму. Один взгляд на лепесток говорит больше, чем таблица из десяти строк: где система сильна, где провисает и насколько она сбалансирована.
Что такое лепестковая диаграмма?
Лепестковая диаграмма (radar chart, spider chart, «паутина») — это способ показать многомерные данные в виде замкнутого многоугольника. Каждая ось расходится из центра и соответствует одному измерению. Точка на оси — значение показателя. Соединяя точки, мы получаем профиль объекта.
Главное отличие от столбчатой или линейной диаграммы: здесь важно не абсолютное значение каждого столбца, а соотношение осей между собой. Лепестковая диаграмма отвечает на вопросы вроде: «Насколько сбалансированы запросы по хостам?», «Какой регион даёт ровный профиль, а какой — перекошенный?», «Совпадают ли профили двух периодов?».
Четыре варианта, которые мы разберём, отличаются степенью детализации и акцентами:
- Лепестковая — базовый контур. Показывает форму профиля без лишних деталей.
- Лепестковая с маркерами — на каждой оси появляются точки-маркеры. Помогает точно считать значения и сравнивать несколько профилей.
- Заполненная лепестковая — область внутри контура заливается цветом. Акцент на «объёме» и наложении профилей.
- Комбинированная — контур + маркеры + заполнение одновременно. Максимальная информативность для сравнения.
1. Лепестковая диаграмма — базовый профиль
Начнём с основы. Базовая лепестковая диаграмма показывает профиль одного набора метрик. В нашем случае — распределение запросов Cloudflare по шести ключевым странам: США, Узбекистан, Нидерланды, Италия, Германия и Великобритания. Каждая ось — страна, значение — количество запросов.
Обратите внимание на форму: профиль сильно вытянут в сторону США. Это значит, что трафик сконцентрирован, а не распределён равномерно. Для инфраструктуры это сигнал: если американский сегмент «просядет», общая картина изменится заметно сильнее, чем при просадке любого другого сегмента.
2. Лепестковая с маркерами — точность и сравнение
Маркеры на осях — это не украшение. Они решают конкретную проблему: контур показывает форму, но не даёт точно считать значения. Когда на осях есть точки, вы можете визуально «привязать» значение к сетке и сравнить два профиля без подглядывания в тултип.
На этом графике я наложил два профиля: Cloudflare Requests и Vercel Edge Requests, нормализовав их по шести общим категориям. Маркеры позволяют увидеть, где профили совпадают, а где расходятся. Например, по «Азии» Vercel даёт более высокий относительный вклад, а по «Европе» — Cloudflare выглядит ровнее.
3. Заполненная лепестковая — объём и наложение
Заполнение области (areaStyle) меняет восприятие: вместо тонкой линии вы видите «тело» профиля. Это полезно, когда нужно сравнить несколько объектов и показать, насколько они перекрываются.
Здесь я показываю два периода Vercel Edge: Jun–Jul и Aug–Sep. Заполненные области накладываются, и сразу видно: августовский профиль «шире» по большинству осей. Это не просто рост общего числа — это рост, который затронул почти все регионы, а не один-два.
4. Комбинированная лепестковая — всё вместе
Четвёртый вариант — самый информативный. Контур задаёт форму, маркеры дают точки отсчёта, заполнение показывает объём. Вместе они позволяют прочитать диаграмму на трёх уровнях: что это за профиль, где именно проходят значения и насколько профиль «тяжёлый».
На этом графике — четыре метрики Cloudflare в нормализованном виде: Total Requests, Unique Visitors, Uncached Requests и Maximum Daily Visitors. Профиль получается неровным: пик по Total Requests и заметный спад по Unique Visitors. Заполнение делает этот дисбаланс очевидным.
Что я вынес из этого опыта
Лепестковые диаграммы — это не «диаграммы для красоты». Это инструмент для работы с профилями. Вот несколько выводов, которые я сделал, пока строил эти четыре графика.
- Лепестковая — для формы. Когда нужно быстро увидеть, сбалансирован профиль или перекошен, базовая лепестковая работает лучше всего.
- Маркеры — для точности. Если предстоит сравнивать несколько профилей или считать значения «на глаз», маркеры обязательны.
- Заполнение — для объёма и наложения. Когда профилей два и больше, areaStyle показывает перекрытие и «массу» каждого.
- Комбинация — для сторителлинга. Когда нужно показать и форму, и точки, и объём в одной визуализации.
- Ограничение: не больше 8–10 осей. Лепестковая диаграмма быстро становится нечитаемой. Если измерений больше — лучше разбить на несколько диаграмм или выбрать другой тип.
- Нормализация — критична. Если оси в разных единицах (запросы и проценты, тысячи и единицы), лепестковая диаграмма будет врать. Приводите значения к сопоставимой шкале.
И ещё одно: лепестковая диаграмма — это мост между таблицей и картой. Она показывает не «где», а «как». И в этом её сила: вы смотрите не на отдельные цифры, а на паттерн, который за ними стоит.