Поделиться через


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

В этой статье описываются типы визуализаций, доступные для использования на панелях мониторинга ИИ/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

Карта точек

Карты точек отображают количественные данные в виде символов, размещенных в определенных расположениях карты. Маркеры размещаются с помощью координат широты и долготы, которые должны быть включены в результирующий набор для этого типа диаграммы. В следующем примере используются данные из столкновений транспортных средств в Нью-Йорке, штат Нью-Йорк.

Пример карты точек

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

  • Набор данных: столкновения транспортных средств
  • Визуализация: карта символов
  • Координаты:
    • Широта: LATITUDE
    • Долгота: LONGITUDE
  • Цвет или группа по:
    • Поле: CONTRIBUTING FACTOR

Примечание.

Наборы данных Databricks не включают данные широты или долготы, поэтому пример SQL-запроса не указан для этого примера.

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

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

Пример точечной диаграммы

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

  • Набор данных: 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 разделитель, например запятую.

Примечание.

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