Типы визуализации панели мониторинга

В этой статье описываются типы визуализаций, доступные для использования на панелях мониторинга ИИ/BI, и показано, как создать пример каждого типа визуализации. Инструкции по созданию панели мониторинга см. в статье "Создание панели мониторинга".

Примечание.

Для оптимизации производительности диаграммы могут отображать только 10K строк или 10 МБ на холсте, в зависимости от того, что меньше. В противном случае визуализации могут быть усечены.

Визуализация областей

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

Значения конфигурации. Для этого примера визуализации области были заданы следующие значения:

• Набор данных: заказы TPCH
• Визуализация: область
• Заголовок: Total price and order year by order priority and clerk
• Ось абсцисс:
  • Поле: o_orderdate
  • Тип масштабирования: Temporal
  • Трансформировать: Yearly
  • Название оси: Order year
• Ось y:
  • Поле: o_totalprice
  • Название оси: Total price
  • Тип масштабирования: Quantitative
  • Трансформировать: Sum
• Группировать по:
  • Поле: o_orderpriority
  • Название условных обозначений: Order priority
• Фильтр
  • Поле: TPCH orders.o_clerk

SQL-запрос. Для визуализации этой области используется следующий SQL-запрос для создания набора данных с именем TPCH orders.

SELECT * FROM samples.tpch.orders

Гистограмма

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

Значения конфигурации: для этого примера визуализации панели были заданы следующие значения:

• Набор данных: заказы TPCH
• Визуализация: панель
• Заголовок: Total price and order month by order priority and clerk
• Ось абсцисс:
  • Поле: o_orderdate
  • Трансформировать: Monthly
  • Тип масштабирования: Temporal
  • Название оси: Order month
• Ось y:
  • Поле: o_totalprice
  • Тип масштабирования: Quantitative
  • Трансформировать: Sum
  • Название оси: Total price
• Группировать по:
  • Поле: o_orderpriority
  • Название условных обозначений: Order priority
• Фильтр
  • Поле: TPCH orders.o_clerk

SQL-запрос: следующий SQL-запрос создал набор TPCH orders данных для этой визуализации панели.

SELECT * FROM samples.tpch.orders

Прямоугольная диаграмма

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

Значения конфигурации: для визуализации диаграммы в этом поле были заданы следующие значения:

• Столбец X (столбец набора данных): l-returnflag
• Столбцы Y (столбец набора данных): l_extendedprice
• Имя оси X (переопределение значения по умолчанию): Return flag1
• Имя оси Y (переопределение значения по умолчанию): Extended price

SQL-запрос. Для визуализации этой диаграммы для создания набора данных использовался следующий SQL-запрос.

select * from samples.tpch.lineitem

Пузырьковая диаграмма

Пузырьковые диаграммы — это точечные диаграммы, где размер каждого маркера точек отражает соответствующую метрику. Чтобы сделать пузырьковую диаграмму, выберите "Точечная " в качестве типа визуализации. В параметре "Размер" выберите нужную метрику, представленную размером маркеров.

Значения конфигурации: для этого примера визуализации пузырьковой диаграммы были заданы следующие значения:

• Набор данных: поездки на такси Нью-Йорка
• Визуализация: точечная
• Заголовок: Trip distance, fares, and trip duration
• Ось абсцисс:
  • Поле: trip_distance
  • Тип масштабирования: Quantitative
  • Трансформировать: None
• Ось y:
  • Поле: fare_amount
  • Тип масштабирования: Quantitative
  • Трансформировать: None
• Выбор цвета: .
  • Поле: pickup_zip
• Размер:
  • Поле: time_spent
  • Трансформировать: None

Диаграмма со списком

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

Значения конфигурации: для этой визуализации диаграммы со списком были заданы следующие значения:

• Набор данных: partsupp
• Визуализация: combo
• Ось абсцисс: ps_partkey
  • Тип масштабирования: Quantitative
• Ось y:
  • Бар: ps_availqty
  • Тип агрегирования: SUM
  • Линия: ps_supplycost
  • Тип агрегирования: AVG
• Цвет по серии Y:
  • Sum of ps_availqty
  • Average ps_supplycost

SQL-запрос. Для этой визуализации диаграммы со списком для создания набора данных использовался следующий SQL-запрос.

SELECT * FROM samples.tpch.partsupp

Диаграмма со списком двойной оси

Для отображения двух разных осей y можно использовать диаграммы со списком. Выбрав мини-приложение диаграммы со списком, щелкните меню kebab в параметрах оси Y на панели конфигурации диаграммы. Включите параметр "Включить двойную ось".

Значения конфигурации: для этой диаграммы со списком включен параметр включения двойной оси . Другие конфигурации задаются следующим образом:

• Набор данных: Поездки
• Визуализация: combo
• Ось абсцисс: tpep_pickup_datetime
  • Тип масштабирования: Temporal
  • Трансформировать: Weekly
• Ось y:
  • Левая ось Y (полоса): trip_distance
    • Трансформировать: AVG
  • Правая ось Y (линия): fare_amount
    • Трансформировать: AVG

Цвет по серии Y:

• Average trip_distance
  • Average fare_amount

SQL-запрос: следующий SQL-запрос использовался для создания набора данных:

SELECT * FROM samples.nyctaxi.trips

Визуализация счетчиков

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

Можно задать условное форматирование и настроить стиль текста в сведениях о конфигурации значения .

Значения конфигурации: для этого примера визуализации счетчика были заданы следующие значения:

• Набор данных: заказы TPCH
• Визуализация: счетчик
• Заголовок: Orders: Target amount vs. actual amount by date
• Значение:
  • Поле: avg(o_totalprice)
  • Номер строки значения: 1
• Цель:
  • Поле: avg(o_totalprice)
  • Номер строки значения: 2
• Фильтр
  • Поле: TPCH orders.o_orderdate

SQL-запрос. Для визуализации этого счетчика для создания набора данных с именем TPCH orders_targetиспользовался следующий SQL-запрос.

SELECT o_orderdate, avg(o_totalprice)
FROM samples.tpch.orders
GROUP BY 1
ORDER BY 1

Визуализация строк

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

Значения конфигурации: для этого примера визуализации строк были заданы следующие значения:

• Набор данных: заказы TPCH
• Визуализация: линия
• Заголовок: Average price and order year by order priority and clerk
• Ось абсцисс:
  • Поле: o_orderdate
  • Трансформировать: Yearly
  • Тип масштабирования: Temporal
  • Название оси: Order year
• Ось y:
  • Поле: o_totalprice
  • Трансформировать: Average
  • Тип масштабирования: Quantitative
  • Название оси: Average price
• Группировать по:
  • Поле: o_orderpriority
  • Название условных обозначений: Order priority
• Фильтр
  • Поле: TPCH orders.o_clerk

SQL-запрос. Для визуализации этой визуализации линейчатой диаграммы для создания набора данных с именем TPCH ordersиспользовался следующий SQL-запрос.

SELECT * FROM samples.tpch.orders

Диаграмма тепловой карты

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

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

Примечание.

Тепловая карта может отображать до 64 КБ строк или 10 МБ.

Значения конфигурации: для визуализации диаграммы тепловой карты были заданы следующие значения:

• Набор данных: заказы TPCH
• Визуализация: тепловая карта
• Столбец X (столбец набора данных): o_orderpriority
• Столбцы Y (столбец набора данных): o_orderstatus
• Столбец цвета:
  • Столбец набора данных: o_totalprice
  • Тип агрегирования: Average
• Имя оси X (переопределение значения по умолчанию): Order priority
• Имя оси Y(переопределение значения по умолчанию): Order status
• Цветовая схема (переопределение значения по умолчанию): YIGnBu

SQL-запрос. Для визуализации диаграммы тепловой карты для создания набора данных использовался следующий SQL-запрос.

SELECT * FROM samples.tpch.orders

Гистограмма диаграммы

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

Значения конфигурации: для визуализации диаграммы гистограммы были заданы следующие значения:

• Набор данных: заказы TPCH
• Визуализация: гистограмма
• Столбец X (столбец набора данных): o_totalprice
• Количество ячеек: 20
• Имя оси X (переопределение значения по умолчанию): Total price

Параметры конфигурации. Параметры конфигурации гистограммы см . в параметрах конфигурации гистограммы.

SQL-запрос. Для визуализации диаграммы гистограммы для создания набора данных использовался следующий SQL-запрос.

select * from samples.tpch.orders

Визуализация круговой диаграммы

Визуализации круговой диаграммы показывают пропорциональность между метриками. Эти диаграммы не предназначены для передачи данных временных рядов.

Значения конфигурации: для этого примера визуализации круговой диаграммы были заданы следующие значения:

• Набор данных: заказы TPCH
• Визуализация: визуализация круговой диаграммы
• Заголовок: Total price by order priority and clerk
• Угол:
  • Поле: o_totalprice
  • Трансформировать: Sum
  • Название оси: Total price
• Группировать по:
  • Поле: o_orderpriority
  • Название условных обозначений: Order priority
• Фильтр
  • Поле: TPCH orders.o_clerk

SQL-запрос. Для этой визуализации круговой визуализации использовался следующий SQL-запрос для создания набора данных с именем TPCH orders.

SELECT * FROM samples.tpch.orders

Визуализация сводной таблицы

Визуализация сводной визуализации объединяет записи из результата запроса в табличное отображение. Это аналогично оператору PIVOT или GROUP BY в SQL. Визуализация сводной таблицы настраивается с помощью полей перетаскивания.

Примечание.

По соображениям производительности сводные таблицы поддерживают отрисовку только 100 столбцов x 100 строк.

Значения конфигурации: для этого примера визуализации сводки были заданы следующие значения:

• Набор данных: TPCH lineitem
• Визуализация: сводная диаграмма
• Заголовок: Line item quantity by return flag and ship mode by supplier
• Строк:
  • Поле: l_returnflag
• Столбцы:
  • Поле: l_shipmode
• Ячейка
  • Набор данных:
  • Поле: l_quantity
  • Преобразование: Sum
• Фильтр
  • Поле: TPCH lineitem.l_supplierkey

SQL-запрос. Для этой визуализации сводной визуализации использовался следующий SQL-запрос для создания набора данных с именем TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Точечная визуализация

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

Значения конфигурации: для этого примера визуализации точечной визуализации были заданы следующие значения:

• Набор данных: TPCH lineitem
• Визуализация: точечная
• Заголовок: Total price and quantity by ship mode and supplier
• Ось абсцисс:
  • Поле: l_quantity
  • Название оси: Quantity
  • Тип масштабирования: Quantitative
  • Трансформировать: None
• Ось y:
  • Поле: l_extendedprice
  • Тип масштабирования: Quantitative
  • Трансформировать: None
  • Название оси: Price
• Группировать по:
  • Поле: l_shipmode
  • Название условных обозначений: Ship mode
• Фильтр
  • Поле: TPCH lineitem.l_supplierkey

SQL-запрос. Для этой визуализации точечной визуализации использовался следующий SQL-запрос для создания набора данных с именем TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Визуализация таблиц

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

Примечание.

Таблицы могут отображать до 64 КБ строк или 10 МБ.

Значения конфигурации: для этого примера визуализации таблицы были заданы следующие значения:

• Набор данных: TPCH lineitem
• Визуализация: таблица
• Заголовок: Line item summary by supplier
• Столбцы:
  • Отображение номера строки: включено
  • Поле: l_orderkey
  • Поле: l_extendedprice
    • Отображается как: Number
    • Числовой формат: $0,00
  • Поле: l_discount
    • Отображается как: Number
    • Числовой формат: %0.00
  • Поле: l_tax
    • Отображается как: Number
    • Числовой формат: %0.00
  • Поле: l_shipdate
  • Поле: l_shipmode
• Фильтр
  • Поле: TPCH lineitem.l_supplierkey

SQL-запрос. Для визуализации этой таблицы для создания набора данных с именем TPCH lineitemиспользовался следующий SQL-запрос.

SELECT * FROM samples.tpch.lineitem

Форматирование чисел в диаграммах

Для большинства типов диаграмм можно форматировать числовые значения для меток оси, меток данных и подсказок. Чтобы выбрать стиль форматирования, щелкните меню кебаб справа от метки оси X или оси Y на панели конфигурации диаграммы. Затем нажмите кнопку "Формат" , чтобы отобразить параметры форматирования.

Следующие диаграммы поддерживают форматирование чисел.

• Площадь
• Линейчатая диаграмма
• Комбо
• Счетчик
• Тепловая карта
• Гистограмма
• График
• Pivot
• Точечная
• Таблица (форматирование прежних версий)

Вы можете выбрать один из следующих вариантов форматирования:

• Тип: None, Currency (), Percentage (%$)
• Аббревиатура: None, Compact, Scientific
• Десятичные разряды: Max, Exact, All, Number of optionally, you can include a group разделитель, например запятую.

Примечание.

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