Мы продолжаем наше путешествие в мир визуализации данных. Совсем недавно мы разбирали "Диаграмма Дерево", а сегодня на очереди инструмент, который называют «королём иерархий» — диаграмма Солнечные лучи (Sunburst Chart). Это не просто кольцевая диаграмма. Это многоуровневая радиальная визуализация, где каждый внутренний круг является родителем для внешнего, а размер сектора строго пропорционален значению. Если вам нужно показать не только «сколько», но и «из чего это состоит» — Sunburst справится лучше всех.

Данные — всё те же реальные Requests (Cloudflare) и Edge Requests (Vercel) сайта devitpro.uz. За цифрами стоят 64.87 тысяч запросов из 60 стран мира, 2.3 тысячи уникальных посетителей, и 51 785 запросов через Vercel Edge Network из 19 регионов. Живой трафик работающего проекта — лучший полигон для отработки навыков.

Главная мысль: диаграмма Солнечные лучи — это не про «красивые круги». Это про иерархию и вложенность. Она отвечает на вопрос «какая доля внутри доли?» и делает это так наглядно, как не сможет ни одна плоская диаграмма.

Данные, на которых строятся лучи

У нас два независимых источника. Первый — Requests (Cloudflare) за период с 1 сентября по 1 октября 2026 года. Второй — Edge Requests (Vercel) за период с 28 июня по 1 сентября 2026 года. Ниже — ключевые цифры.

64.87k
Всего запросов
Total requests за 01.09.2026 — 01.10.2026
2.3k
Уникальных посетителей
Total Unique Visitors за 30 дней
60
Стран мира
География трафика Cloudflare
51.79k
Edge Requests
Vercel Edge Network за 28.06 — 01.09.2026

Как читать диаграмму Солнечные лучи

Прежде чем перейти к нашим данным, давайте разберёмся в анатомии. Sunburst состоит из концентрических колец. Внутреннее кольцо — это корневой уровень иерархии (например, «Все запросы»). Следующее кольцо — первый уровень детализации (например, «Cloudflare» и «Vercel»). Внешние кольца — более глубокие уровни (страны, регионы, хосты).

Угол сектора пропорционален значению. Если сектор «США» занимает 12.9% круга, значит на США приходится 12.9% всех запросов. При наведении курсора ECharts покажет точное значение и путь в иерархии. Клик по сектору позволяет «провалиться» внутрь узла — это называется drilldown.

1. Солнечные лучи: Requests (Cloudflare) по странам
Иерархия: Все запросы → Топ-стран → Детализация. Внутреннее кольцо — общий объём, внешнее — распределение.
США — 8 350 · Узбекистан — 5 576 · Нидерланды — 2 112 · Италия — 1 953

На этой диаграмме видно, что США и Узбекистан формируют ядро трафика Cloudflare — вместе они дают более 21% всех запросов. Нидерланды, Италия и Германия образуют второй эшелон. Обратите внимание, как внешнее кольцо дробится на более мелкие секторы — это страны с меньшей долей, но они всё ещё видны благодаря радиальной структуре.

2. Солнечные лучи: Edge Requests (Vercel) по регионам
Иерархия: Vercel Edge → Региональные узлы. Hong Kong доминирует с 56.1% трафика.
hkg1 — 29 043 · sfo1 — 7 739 · iad1 — 4 045 · fra1 — 3 543

Здесь иерархия ещё нагляднее: внутреннее кольцо — весь объём Edge Requests, внешнее — регионы. Hong Kong (hkg1) занимает более половины круга. Это не аномалия — это стратегическая информация: если вы оптимизируете инфраструктуру, в первую очередь смотрите на hkg1.

Что я вынес из этого опыта

  • Sunburst — для иерархий, а не для плоских сравнений. Если у данных нет вложенной структуры, обычная круговая или столбчатая диаграмма будет читаться лучше.
  • Глубина колец имеет значение. Два-три уровня — оптимум. Пять и больше — уже сложно читать без drilldown.
  • Цвет должен отражать иерархию. Одинаковый оттенок для всех детей одного родителя помогает увидеть структуру мгновенно.
  • Интерактивность обязательна. Без tooltip и drilldown Sunburst превращается в красивую, но бесполезную картинку.
  • Для SEO важен текст, а не только графика. Поисковые роботы не видят canvas. Поэтому ключевые цифры и выводы должны быть в тексте — что мы и делаем.

Вердикт: стоит ли изучать Солнечные лучи в 2026?

Однозначно — да. В мире, где данные становятся всё более многоуровневыми (бюджеты, организационные структуры, файловые системы, география трафика), умение показать иерархию без потери контекста — это ценный навык. Sunburst — не замена плоским диаграммам, а их дополнение. Он хорош там, где нужно показать вложенность и пропорции одновременно.

Лично для меня этот разбор стал ещё одним шагом в понимании того, как структура данных влияет на выбор визуализации. И если вы научитесь видеть иерархию там, где другие видят просто список — вы получите преимущество в любой области IT и AI.