AI Engineering Tools

Анализ данных

Термины визуализации данных и диаграмм

Понимание визуальных кодировок, осей, шкал, легенд, сравнения, тенденций, распределения, взаимосвязей, закономерностей и вариантов доступности.

12 терминов

Визуальный дизайн

Визуальное кодирование

Visual encoding

Значение

Отображение значений данных в виде позиции, длины, цвета, размера, формы или другого визуального свойства.

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

Выберите кодировки, которые облегчают и повышают точность выполнения необходимого сравнения.

Пример

Отобразите доход в виде длины полосы, а регион – в виде позиции.

Визуальный дизайн

Ось

Axis

Значение

Ориентировочная линия и метки, показывающие масштаб и положение значений.

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

Пометьте единицы измерения, используйте легко читаемые деления и показывайте ноль, когда это необходимо для сравнения.

Пример

Y-axis: monthly revenue (million KRW).

Визуальный дизайн

Масштаб.

Scale

Значение

Правило, которое сопоставляет область данных с визуальным диапазоном.

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

Выберите линейную, логарифмическую, временную или категориальную шкалу в зависимости от данных и вопроса.

Пример

Используйте логарифмическую шкалу только тогда, когда аналитический акцент делается на мультипликативных различиях.

Визуальный дизайн

Легенда

Legend

Значение

Ключ, объясняющий значение цветов, форм или стилей линий.

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

Используйте это, когда прямые метки непрактичны и порядок категорий остается согласованным.

Пример

Legend: New customers / Returning customers.

Сравнение

Столбчатая диаграмма

Bar chart

Значение

Диаграмма, сравнивающая категории с использованием длины полос.

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

Используйте это для ранжирования или сравнения категорий.

Пример

Сравните квартальные продажи по категориям продуктов с использованием горизонтальных столбцов, отсортированных по значениям.

Тенденция

Линейный график

Line chart

Значение

Диаграмма, соединяющая упорядоченные значения для отображения изменений, обычно во времени.

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

Используйте это для анализа трендов, сезонности и сравнений во времени.

Пример

Отобразите количество активных пользователей за последние 52 недели.

Связи

Диаграмма рассеяния.

Scatter plot

Значение

Диаграмма, которая располагает наблюдения по двум числовым переменным.

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

Используйте это для изучения ассоциаций, кластеров, нелинейных закономерностей и выбросов.

Пример

Отобразите расстояние доставки относительно времени доставки и раскрасьте города разными цветами.

Распространение

Гистограмма.

Histogram

Значение

Диаграмма, которая группирует числовые значения в интервалы и показывает их частоту.

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

Используйте это для изучения формы распределения, разброса, асимметрии и множественных модальных значений.

Пример

Отображать значения заказов в согласованных интервалах по 10 000 KRW.

Распространение

Диаграмма размаха

Box plot

Значение

Краткое представление распределения с использованием квартилей, медианы и границ.

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

Используйте это для сравнения распределений по нескольким группам.

Пример

Сравните распределения времени доставки по различным службам доставки.

Шаблоны

Тепловая карта

Heatmap

Значение

Сетка, в которой цвет представляет величину каждого значения ячейки.

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

Используйте это для плотных матриц, шаблонов календаря или двухмерных сводок.

Пример

Тепловая карта количества заказов по дням недели и часам.

Сравнение

Малые множества

Small multiples

Значение

Набор графиков, масштабированных одинаково и повторяющихся для разных групп.

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

Используйте это для сравнения закономерностей, не перегружая одну диаграмму большим количеством серий.

Пример

Отображать одну панель ежемесячных тенденций для каждого региона, используя одни и те же оси.

Визуальный дизайн

Доступная диаграмма

Accessible chart

Значение

Диаграмма, предназначенная для обеспечения понятности для людей с различными зрительными, двигательными и когнитивными особенностями.

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

Используйте альтернативный текст, достаточный контраст, прямые метки и сигналы, отличные от цвета.

Внимание

Не полагайтесь только на цвет для передачи категории или статуса.

Пример

Используйте стиль линии и метки вместо только цветового кодирования (красный против зеленого).