Визуализация данных из базы данных ClickHouse
- Подготовьте облако к работе
- Шаг 1. Определите источник данных датасета
- Шаг 2. Настройте поля датасета
- Шаг 3. Создайте чарт — линейная диаграмма
- Шаг 4. Создайте чарт — столбчатая диаграмма
- Шаг 5. Создайте чарт — сводная таблица
- Шаг 6. Создайте чарт — тепловая карта
- Шаг 7. Создайте дашборд
- Шаг 8. Добавьте чарты на дашборд
- Шаг 9. Добавьте селекторы на дашборд
В качестве источника будет использована демонстрационная базы данных ClickHouse с информацией о продажах товаров в сети московских магазинов.
Подключение к этой базе автоматически создается при создании экземпляра DataLens.
С помощью DataLens в данном примере будут визуализированы:
- Динамика продаж по дням и месяцам.
- Продажи по продуктовым категориям.
- Тепловая карта заказов.
В качестве подключения используется демонстрационное подключение Sample ClickHouse.
Для визуализации и исследования данных подготовьте облако к работе, затем выполните следующие шаги:
- Определите источник данных датасета.
- Настройте поля датасета.
- Создайте чарт — линейная диаграмма.
- Создайте чарт — столбчатая диаграмма.
- Создайте чарт — сводная таблица.
- Создайте чарт — тепловая карта.
- Создайте дашборд.
- Добавьте чарты на дашборд.
- Добавьте селекторы на дашборд.
Создайте подключение к базе данных ClickHouse, в которой хранится таблица.
Подготовьте облако к работе
Чтобы воспользоваться DataLens, нужно зарегистрироваться в Yandex.Cloud и создать платежный аккаунт (без платежного аккаунта DataLens доступен только в деморежиме):
- Перейдите в консоль управления, затем войдите в Yandex.Cloud или зарегистрируйтесь, если вы еще не зарегистрированы.
- На странице биллинга убедитесь, что у вас подключен платежный аккаунт, и он находится в статусе
ACTIVE
илиTRIAL_ACTIVE
. Если платежного аккаунта нет, создайте его.
Когда вы активируете платежный аккаунт, вы автоматически переходите на тариф DataLens Бесплатный. По умолчанию вы можете создать экземпляр DataLens не более чем для 1 каталога.
Чтобы создать экземпляр DataLens:
- Выберите каталог на странице облака.
- Выберите сервис DataLens.
- Нажмите кнопку Активировать DataLens.
В выбранном каталоге будет создан экземпляр сервиса, и вы сможете перейти непосредственно в интерфейс DataLens.
Подробнее об облаках и каталогах.
Шаг 1. Определите источник данных датасета
Создайте датасет на основе подключения Sample ClickHouse созданным на основе базы данных ClickHouse.
-
Перейдите в DataLens.
-
Нажмите кнопку Создать датасет.
-
Нажмите кнопку Добавить в разделе Подключения на панели выбора. Выберите подключение Sample ClickHouse.
-
Перенесите на рабочую область таблицу MS_SalesFacts.
-
Перенесите на рабочую область таблицу MS_Clients. Таблицы автоматически свяжутся.
-
Для проверки связи нажмите значок связи между таблицами.
-
Таблицы связаны полем ClientID. При необходимости связь можно изменить или дополнить, указав еще одну пару полей. Для закрытия окна связей нажмите на крестик или кликните за пределы окна.
-
Перенесите на рабочую область таблицу MS_Products. Таблица автоматически свяжется с левой (корневой) таблицей MS_SalesFacts.
-
Перенесите на рабочую область таблицу MS_Shops. Таблица автоматически свяжется с левой (корневой) таблицей MS_SalesFacts.
Шаг 2. Настройте поля датасета
-
Перейдите на вкладку Датасет.
-
Удалите дубликаты полей получившиеся в результате соединения таблиц: ClientID (1), ProductID (1) и ShopID (1).
-
Создайте поле с датой заказа OrderDate.
-
Продублируйте поле OrderDatetime.
-
Переименуйте дубликат поля OrderDatetime (1) в OrderDate: нажмите на имя строки, удалите текущее имя и введите новое.
-
Измените тип данных с Дата и время на Дата.
-
-
Для поля ShopDistrictCoordinates измените тип данных на Геополигон.
-
Для поля DeliveryDistrictCoordinates измените тип данных на Геоточка.
-
В столбце Агрегация для поля Sales выберите Сумма.
Поле с агрегацией поменяет цвет на синий: поле Sales стало показателем.
-
Создайте показатель с количеством заказов.
-
Продублируйте поле OrderID.
-
Переименуйте дубликат поля OrderID (1) в OrderCount.
-
Измените тип агрегации на Количество уникальных.
-
-
Создайте вычисляемое поле для расчета средней суммы продаж на один заказ.
-
В правом верхнем углу нажмите кнопку Добавить поле.
-
В поле Имя укажите Sales per Order.
-
Слева в колонке нажмите на поле Sales.
-
Введите символ
/
. -
Слева в колонке нажмите на поле OrderCount.
-
Нажмите кнопку Создать.
-
-
Нажмите кнопку Сохранить в верхнем правом углу и сохраните датасет.
-
Введите имя датасета Moscow Sales dataset, нажмите Создать.
-
После сохранения датасета нажмите Создать чарт.
Шаг 3. Создайте чарт — линейная диаграмма
Для визуализации динамики продаж по месяцам создайте чарт — линейную диаграмму.
-
Выберите тип визуализации Линейная диаграмма.
-
Добавьте на чарт дату продажи. Для этого из раздела Измерения перетащите поле OrderDate в секцию X.
-
Добавьте на чарт показатель продаж. Для этого из раздела Показатели перетащите поле Sales в секцию Y.
-
Добавьте на чарт тип доставки. Для этого из раздела Измерения перетащите поле PaymentType в секцию Цвет.
-
Отобразите чарт по месяцам.
- Нажмите на иконку с календарем у поля OrderDate в секции X.
- В выпадающем списке типов группировок в разделе Округление выберите Месяц.
- Нажмите Применить.
-
Сохраните чарт.
-
Нажмите кнопку Сохранить в верхнем правом углу и сохраните чарт.
-
В открывшемся окне введите название чарта Динамика продаж по месяцам и типам оплаты и нажмите кнопку Сохранить.
-
Шаг 4. Создайте чарт — столбчатая диаграмма
Для визуализации продаж в разрезе брендов и продуктовых категорий создайте чарт — столбчатую диаграмму.
-
Скопируйте чарт, получившийся на предыдущем шаге.
-
Нажмите значок галочки рядом с кнопкой Сохранить в верхнем правом углу.
-
Выберите Сохранить как.
-
В открывшемся окне введите название нового чарта Продажи по брендам и категориям и нажмите кнопку Готово.
-
-
Выберите тип визуализации Столбчатая диаграмма.
-
Поля OrderDate, Sales и PaymentType автоматически попадут в секции X, Y и Цвет соответственно.
-
Замените месяца на бренды на оси X. Из раздела Измерения перетащите поле ProductBrand в секцию X и наведите его над полем OrderDate, пока то не станет красным.
-
Замените типы оплаты на категории товаров в цветах. Из раздела Измерения перетащите поле ProductCategory в секцию X и наведите его над полем PaymentType, пока то не станет красным.
-
Отсортируйте чарт по убыванию по показателю продаж. Из раздела Показатели перетащите поле Sales в секцию Сортировка.
-
Сохраните чарт.
Шаг 5. Создайте чарт — сводная таблица
Для визуализации продаж в разрезе продуктов и времени создайте чарт — сводную таблицу.
-
Скопируйте чарт, получившийся на предыдущем шаге.
- Нажмите значок галочки рядом с кнопкой Сохранить в верхнем правом углу.
- Нажмите Сохранить как.
- В открывшемся окне введите название нового чарта Продажи в разрезе лет и продуктов.
- Нажмите кнопку Готово.
-
Выберите тип визуализации Сводная таблица.
-
Поля ProductBrand и Sales автоматически попадут в секции Столбцы и Показатели соответственно.
-
Удалите ProductBrand из таблицы.
-
Добавьте дату заказа в таблицу. Для этого из раздела Измерения перетащите поле OrderDate в секцию Столбцы.
-
Измените формат отображения OrderDate на годы.
-
Нажмите значок календаря у поля OrderDate в секции Столбцы.
-
В выпадающем списке типов группировок в разделе Часть даты выберите Год.
-
Нажмите Применить.
-
-
Добавьте в таблицу категорию и подкатегорию продуктов. Для этого из раздела Измерения перетащите поля ProductCategory и ProductSubcategory в секцию Строки.
-
Измените цвет показателя продаж в таблице. Для этого из раздела Показатели перетащите поле Sales в секцию Цвет.
-
Сохраните чарт.
Шаг 6. Создайте чарт — тепловая карта
Для визуализации плотности заказов на карте Москвы создайте чарт — тепловую карту.
-
Скопируйте чарт, полученный на предыдущем шаге.
- Нажмите значок рядом с кнопкой Сохранить в верхнем правом углу и выберите Сохранить как.
- В открывшемся окне введите название нового чарта Тепловая карта продаж.
- Нажмите кнопку Готово.
-
Выберите тип визуализации Карта.
-
Удалите поле Sales из секции Цвет.
-
Выберите тип слоя Геоточки (тепловая карта).
-
Добавьте на карту координаты точек доставки. Для этого из раздела Измерения перетащите поле DeliveryAddressCoord в секцию Геоточки (тепловая карта).
-
Сохраните чарт.
Шаг 7. Создайте дашборд
Создайте дашборд, на который будут добавлены чарты.
-
Перейдите на главную страницу DataLens.
-
Нажмите кнопку Создать дашборд.
-
Введите название дашборда Moscow Shops dashboard и нажмите кнопку Создать.
Шаг 8. Добавьте чарты на дашборд
-
При первом открытии после сохранения дашборд открывается в режиме редактирования. Если вы открыли его повторно, то нажмите Редактировать в правом верхнем углу.
-
Нажмите кнопку Добавить и выберите Чарт.
-
В открывшемся окне нажмите кнопку Выбрать.
-
Выберите чарт Динамика продаж по месяцам и типам оплаты. После этого автоматически заполнится поле Заголовок по названию выбранного чарта.
-
Нажмите кнопку Добавить.
-
Аналогичным способом добавьте чарты:
- Продажи по брендам и категориям
- Продажи в разрезе лет и продуктов
- Тепловая карта продаж
-
Расположите чарты на дашборде в удобном для вас порядке.
Шаг 9. Добавьте селекторы на дашборд
Добавьте селекторы, чтобы иметь возможность фильтровать чарты по дате, районам Москвы, продуктам и статусам клиентов.
-
Нажмите кнопку Добавить.
-
Выберите Селектор.
-
Добавьте селектор с календарем по датам заказа.
- Выберите датасет Moscow Sales dataset.
- Выберите поле OrderDate.
- После этого автоматически заполнится Заголовок по названию выбранного поля. Нажмите галочку Показывать напротив заголовка селектора.
- Выберите тип Календарь.
- Включите опцию Диапазон.
- Нажмите кнопку Добавить.
-
Добавьте селектор по категории продуктов.
- Выберите датасет Moscow Sales dataset.
- Выберите поле ProductCategory.
- После этого автоматически заполнится Заголовок по названию выбранного поля. Нажмите галочку Показывать напротив заголовка селектора.
- Включите опцию Множественный выбор.
- Нажмите кнопку Добавить.
-
Аналогичным способом добавьте селекторы по полям:
- ProductBrand
- DeliveryDistrictName
- DeliveryType
- PaymentType
-
Расположите селекторы на дашборде в удобном для вас порядке.
-
Сохраните дашборд.
-
Дашборд готов. Теперь можно фильтровать чарты с использованием селекторов.