Диаграммы
Графическое представление данных — способ показать числа так, чтобы закономерность и аномалии были видны глазом, а не вычитывались из таблицы.
Что такое диаграммы
Диаграмма (она же «чарт», от английского chart) — графическое представление данных, где числа закодированы в положение, длину, угол или цвет. Смысл в том, что человек не умеет читать таблицу из 500 строк, но мгновенно замечает на картинке тренд, выброс и разрыв.
Слова «диаграмма», «график» и «чарт» в русском IT-обиходе используются как синонимы. «Чарт» — прямая калька английского, чаще звучит в контексте BI и фронтенда; в документации и учебниках принята «диаграмма».
Линейная и линейчатая — это разные диаграммы
Два похожих слова обозначают совершенно разные вещи, и это самая частая путаница в теме:
- Линейная диаграмма (line chart) — точки, соединённые линией. Показывает изменение величины во времени. В русском Microsoft Excel этот тип называется «График», а не «линейная».
- Линейчатая диаграмма (bar chart) — горизонтальные полосы. Сравнивает величины между категориями. В Excel это отдельный тип «Линейчатая», а её вертикальный аналог со столбцами называется «Гистограмма».
Проще запомнить так: линейная — про время, линия идёт слева направо. Линейчатая — про категории, полосы лежат горизонтально. Общего у них только корень слова.
Основные типы и когда их брать
| Тип | Что кодирует | Когда использовать |
|---|---|---|
| Линейная (график) | Положение точки | Динамика во времени: нагрузка, выручка по дням |
| Гистограмма (столбчатая) | Высота столбца | Сравнение категорий, немного значений |
| Линейчатая | Длина полосы | То же, но длинные подписи категорий |
| Круговая (пирог) | Угол сектора | Доли целого, 2–5 сегментов, не больше |
| Точечная (scatter) | Две координаты | Связь двух переменных, поиск корреляции |
| С областями | Площадь | Накопительная динамика, состав во времени |
| Гистограмма распределения | Частота в интервале | Как распределена величина: latency, чеки |
| Тепловая карта | Цвет ячейки | Плотность по двум измерениям |
| Boxplot | Квартили | Разброс и выбросы, сравнение групп |
Как испортить диаграмму
Практические правила, которые нарушают чаще всего:
- Обрезанная ось Y на столбчатой диаграмме. Длина столбца кодирует величину — если ось начинается не с нуля, разница в 3% выглядит как двукратная. Для линейной диаграммы обрезать ось, наоборот, нормально: там кодируется положение, а не длина.
- Круговая диаграмма на 12 сегментов. Человек плохо сравнивает углы. Всё, что сложнее «две-три доли», читается лучше линейчатой диаграммой.
- Среднее вместо распределения. Средняя latency 200 мс ничего не говорит: за ней может стоять и ровный отклик, и половина запросов по 2 секундам. Отсюда привычка мониторинга показывать перцентили — p50, p95, p99, — а не среднее.
- Двойная ось Y. Позволяет «доказать» любую корреляцию подбором масштабов.
- Цвет как единственный носитель смысла. Около 8% мужчин не различают красный и зелёный; дублируйте цвет формой или подписью.
Чем строят
- Дашборды инфраструктуры: Grafana поверх Prometheus, InfluxDB или Zabbix — метрики CPU, latency, загрузки GPU в реальном времени. Отсюда же обычно и алерты.
- Бизнес-дашборды: BI-системы — Yandex DataLens, Apache Superset, Metabase, Power BI — поверх витрин DWH.
- Аналитика и отчёты: Python с matplotlib, seaborn, plotly — стандарт в Data Science.
- Веб-интерфейсы: Chart.js, ECharts, D3.js.
Выбор между ними — вопрос не картинки, а источника: дашборд имеет смысл только тогда, когда под ним лежит посчитанный агрегат. Диаграмма, которая на каждое открытие сканирует 300 млн строк, не выживает — поэтому визуализацию строят поверх витрин или OLAP-движка, а не поверх боевой базы.
Связанные термины
- BI-системы — инструменты, где диаграммы собирают в дашборды
- DWH / хранилища данных — источник данных для бизнес-графиков
- OLAP — движок, дающий срезы достаточно быстро для интерактива
- Prometheus — метрики инфраструктуры под графики
- Data Science — где визуализация часть исследования
- Уведомления и алерты — что вырастает из графиков мониторинга
Готовы запустить GPU-задачу?
Запустить GPU-сервер