Дашборд сети магазинов из БД ClickHouse®
- Перед началом работы
- Шаг 1. Создайте подключение и датасет
- Шаг 2. Настройте поля датасета
- Шаг 3. Создайте чарт — линейная диаграмма
- Шаг 4. Создайте чарт — столбчатая диаграмма
- Шаг 5. Создайте чарт — сводная таблица
- Шаг 6. Создайте чарт — тепловая карта
- Шаг 7. Создайте дашборд
- Шаг 8. Добавьте чарты на дашборд
- Шаг 9. Добавьте селекторы на дашборд
В качестве источника будет использована демонстрационная база данных ClickHouse® с информацией о продажах товаров в сети московских магазинов.
С помощью DataLens в данном примере будут визуализированы:
- Динамика продаж по дням и месяцам.
- Продажи по продуктовым категориям.
- Тепловая карта заказов.
Для доступа к базе данных будет создано подключение Sample ClickHouse.
Для визуализации и исследования данных подготовьте DataLens к работе, затем выполните следующие шаги:
- Определите источник данных датасета.
- Настройте поля датасета.
- Создайте чарт — линейная диаграмма.
- Создайте чарт — столбчатая диаграмма.
- Создайте чарт — сводная таблица.
- Создайте чарт — тепловая карта.
- Создайте дашборд.
- Добавьте чарты на дашборд.
- Добавьте селекторы на дашборд.
Перед началом работы
Чтобы начать работать с DataLens:
- Войдите
в ваш аккаунт на Яндексе. Если у вас еще нет аккаунта, создайте его. - Откройте главную страницу
DataLens. - Нажмите Открыть сервис.
- Подтвердите, что ознакомились с Условиями использования
и принимаете их и нажмите кнопку Войти.
-
Войдите
в ваш аккаунт на Яндексе. -
Откройте главную страницу
DataLens. -
Нажмите Открыть сервис.
-
Выберите один из вариантов:
-
Если у вас уже есть организация, выберите ее в выпадающем меню на вкладке Организации и нажмите DataLens.
Примечание
Для активации экземпляра DataLens пользователю нужна роль
admin
илиowner
. Подробнее про роли см. в разделе Управление доступом в Yandex Cloud Organization. -
Если у вас есть облако, но нет организации, нажмите Добавить новый DataLens. В открывшемся окне введите название и описание организации и нажмите Создать организацию и DataLens. Подробнее о работе с организациями см. в разделе Начало работы с организациями.
-
Если у вас возник технический вопрос по работе сервиса, обратитесь в службу поддержки
Шаг 1. Создайте подключение и датасет
Важно
Если вы работаете с новой объектной моделью DataLens, включающей воркбуки и коллекции:
- Перейдите на главную страницу
DataLens. На панели слева выберите Коллекции и воркбуки. - Откройте воркбук, в правом верхнем углу нажмите Создать и выберите нужный объект.
Продолжайте инструкцию с шага 3.
-
Перейдите на страницу подключений
. -
Нажмите кнопку Создать подключение.
-
Выберите подключение ClickHouse.
-
В открывшемся окне укажите параметры подключения:
- Подключение — тип Указать вручную.
- Имя хоста —
rc1a-ckg8nrosr2lim5iz.mdb.yandexcloud.net
. - Порт HTTP-интерфейса —
8443
(по умолчанию). - Имя пользователя —
samples_ro
. - Пароль —
MsgfcjEhJk
.
-
Активируйте опцию Разрешить подзапросы в датасетах и запросы из чартов.
-
Проверьте подключение и нажмите кнопку Создать подключение.
-
Введите название подключения —
Sample ClickHouse
. -
Нажмите кнопку Создать.
-
Дождитесь сохранения подключения.
- В правом верхнем углу нажмите кнопку Создать датасет.
Шаг 2. Настройте поля датасета
-
Перенесите на рабочую область таблицу MS_SalesFacts.
-
Перенесите на рабочую область таблицу MS_Clients. Таблицы автоматически свяжутся.
-
Для проверки связи нажмите значок связи между таблицами.
-
Таблицы связаны полем ClientID. При необходимости связь можно изменить или дополнить, указав еще одну пару полей. Для закрытия окна связей нажмите на крестик или кликните за пределы окна.
-
Перенесите на рабочую область таблицу MS_Products. Таблица автоматически свяжется с левой (корневой) таблицей MS_SalesFacts.
-
Перенесите на рабочую область таблицу MS_Shops. Таблица автоматически свяжется с левой (корневой) таблицей MS_SalesFacts.
-
Перейдите на вкладку Поля.
-
Удалите дубликаты полей получившиеся в результате соединения таблиц: ClientID (1), ProductID (1) и ShopID (1).
-
Создайте поле с датой заказа OrderDate.
-
Продублируйте поле OrderDatetime.
-
Переименуйте дубликат поля OrderDatetime (1) в OrderDate: нажмите на имя строки, удалите текущее имя и введите новое.
-
Измените тип данных с Дата и время на Дата.
-
-
Для поля ShopDistrictCoordinates измените тип данных на Геополигон.
-
Для поля DeliveryDistrictCoordinates измените тип данных на Геополигон.
-
Для поля DeliveryAddressCoord измените тип данных на Геоточка.
-
В столбце Агрегация для поля 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 в секцию Цвета и наведите его над полем PaymentType, пока то не станет красным.
-
Отсортируйте чарт по убыванию по показателю продаж. Из раздела Показатели перетащите поле Sales в секцию Сортировка.
-
Сохраните чарт.
Шаг 5. Создайте чарт — сводная таблица
Для визуализации продаж в разрезе продуктов и времени создайте чарт — сводную таблицу.
-
Скопируйте чарт, получившийся на предыдущем шаге.
- Нажмите значок галочки рядом с кнопкой Сохранить в верхнем правом углу.
- Нажмите Сохранить как.
- В открывшемся окне введите название нового чарта Продажи в разрезе лет и продуктов.
- Нажмите кнопку Сохранить.
-
Выберите тип визуализации Сводная таблица.
-
Поля ProductBrand и Sales автоматически попадут в секции Столбцы и Показатели соответственно.
-
Удалите ProductBrand из таблицы.
-
Добавьте дату заказа в таблицу. Для этого из раздела Измерения перетащите поле OrderDate в секцию Столбцы.
-
Измените формат отображения OrderDate на годы.
- Нажмите значок календаря у поля OrderDate в секции Столбцы.
- В поле Группировка выберите Часть даты ⟶ Год, затем нажмите Применить.
-
Добавьте в таблицу категорию и подкатегорию продуктов. Для этого из раздела Измерения перетащите поля ProductCategory и ProductSubcategory в секцию Строки.
-
Измените цвет показателя продаж в таблице. Для этого из раздела Показатели перетащите поле Sales в секцию Цвета.
-
Сохраните чарт.
Шаг 6. Создайте чарт — тепловая карта
Для визуализации плотности заказов на карте Москвы создайте чарт — тепловую карту.
-
Скопируйте чарт, полученный на предыдущем шаге.
- Нажмите значок рядом с кнопкой Сохранить в верхнем правом углу и выберите Сохранить как.
- В открывшемся окне введите название нового чарта Тепловая карта продаж.
- Нажмите кнопку Сохранить.
-
Выберите тип визуализации Карта.
-
Выберите тип слоя Геоточки (тепловая карта).
-
Добавьте на карту координаты точек доставки. Для этого из раздела Измерения перетащите поле DeliveryAddressCoord в секцию Геоточки (тепловая карта).
-
Сохраните чарт.
Шаг 7. Создайте дашборд
Создайте дашборд, на который будут добавлены чарты.
-
Перейдите на главную страницу
DataLens. -
Нажмите кнопку Создать дашборд.
Шаг 8. Добавьте чарты на дашборд
-
При первом открытии после сохранения дашборд открывается в режиме редактирования. Если вы открыли его повторно, то нажмите Редактировать в правом верхнем углу.
-
Нажмите кнопку Добавить и выберите Чарт.
-
В открывшемся окне нажмите кнопку Выбрать.
-
Выберите чарт Динамика продаж по месяцам и типам оплаты. После этого автоматически заполнится поле Заголовок по названию выбранного чарта.
-
Нажмите кнопку Добавить.
-
Аналогичным способом добавьте чарты:
- Продажи по брендам и категориям
- Продажи в разрезе лет и продуктов
- Тепловая карта продаж
-
Расположите чарты на дашборде в удобном для вас порядке.
Шаг 9. Добавьте селекторы на дашборд
Добавьте селекторы, чтобы иметь возможность фильтровать чарты по дате, районам Москвы, продуктам и статусам клиентов.
-
Нажмите кнопку Добавить.
-
Выберите Селектор.
-
Добавьте селектор с календарем по датам заказа.
- Выберите датасет Moscow Sales dataset.
- Выберите поле OrderDate.
- После этого автоматически заполнится Заголовок по названию выбранного поля. Нажмите галочку Показывать напротив заголовка селектора.
- Выберите тип Календарь.
- Включите опцию Диапазон.
- Нажмите кнопку Добавить.
-
Добавьте селектор по категории продуктов.
- Выберите датасет Moscow Sales dataset.
- Выберите поле ProductCategory.
- После этого автоматически заполнится Заголовок по названию выбранного поля. Нажмите галочку Показывать напротив заголовка селектора.
- Включите опцию Множественный выбор.
- Нажмите кнопку Добавить.
-
Аналогичным способом добавьте селекторы по полям:
- ProductBrand
- DeliveryDistrictName
- DeliveryType
- PaymentType
-
Расположите селекторы на дашборде в удобном для вас порядке.
-
Сохраните дашборд:
-
В правом верхнем углу нажмите кнопку Сохранить.
-
Введите название дашборда Moscow Shops dashboard и нажмите кнопку Создать.
-
-
Дашборд готов. Теперь можно фильтровать чарты с использованием селекторов.
ClickHouse® является зарегистрированным товарным знаком ClickHouse, Inc