Перейти к содержанию

Как выбрать тип панели

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

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

Таблица соответствия: тип данных → панель

Тип данных Рекомендуемые панели Примеры вопросов
Временной ряд Time series, Flot Как менялась задержка за последний час? Растёт ли трафик? Есть ли сезонные паттерны?
Табличные Table Какие 10 хостов потребляют больше всего CPU? Показать IP, версию приложения и регион для каждого сервера.
Единичное значение Stat, Gauge Текущий HTTP 5xx rate — какой он? Сколько свободного места на диске в гигабайтах?
Топ-лист Bar chart, Pie chart (осторожно!) Какие три эндпоинта генерируют больше всего ошибок? Какие приложения потребляют больше всего памяти?
Распределение Histogram, Heatmap Как распределены запросы по времени ответа? Есть ли выбросы? Где p50/p95/p99?
Статус State timeline, Status history Когда сервис был UP, а когда DOWN? В какие моменты переключался статус деплоя?
Геоданные Geomap Откуда приходят пользователи? В каких регионах проблемы с доступностью?
Логи Logs Что происходило в момент падения сервиса? Какие ошибки возникали чаще всего?
Трейсы Traces Какой микросервис тормозит весь запрос? Где узкое место в цепочке вызовов?
Граф связей Node graph Как сервисы связаны между собой? Какая топология зависимостей?

Дерево решений

Что ты хочешь узнать?
│
├── Как показатель менялся во времени?
│   ├── Одна метрика → Time series
│   ├── Сравнение нескольких метрик → Time series (несколько series)
│   └── События/статусы во времени → State timeline
│
├── Какое значение сейчас?
│   ├── Одно число → Stat
│   ├── Число в контексте шкалы → Gauge
│   └── Несколько значений → Table (с колонкой last)
│
├── Что в топе / что хуже всего?
│   ├── Просто список значений → Table (с сортировкой)
│   ├── Визуально сравнить → Bar chart
│   └── Пропорции → Pie chart (но Bar chart лучше)
│
├── Как распределены значения?
│   ├── Гистограмма → Histogram
│   ├── Двумерная плотность → Heatmap
│   └── Процентили → Time series + Stat (p50/p95/p99)
│
├── Где проблема на карте?
│   └── Geomap
│
├── Что в логах?
│   └── Logs panel
│
├── Где узкое место в цепочке сервисов?
│   ├── Времена каждого шага → Traces
│   └── Топология сервисов → Node graph
│
└── Две метрики связаны?
    └── XY Chart

Совет: одна панель — один вопрос. Не пытайтесь запихнуть всё в одну визуализацию. Лучше десять простых панелей, чем одна «мешанина», в которой никто ничего не понимает. Дашборд — это не картина в галерее, это приборная доска. По ней нужно принимать решения быстро, а не любоваться.

Если сомневаетесь — начните с Time series и Table. 90% задач ими закрывается.