Дашборд сети магазинов из БД ClickHouse®

В этом руководстве вы подготовите дашборд для анализа продаж в сети московских магазинов. На дашборде можно будет посмотреть:

• Динамику продаж по дням и месяцам.
• Продажи по продуктовым категориям.
• Тепловую карту заказов.

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

Для визуализации и исследования данных подготовьте DataLens к работе, затем выполните следующие шаги:

1. Создайте воркбук.
2. Создайте подключение.
3. Создайте датасет.
4. Создайте чарт — линейная диаграмма.
5. Создайте чарт — столбчатая диаграмма.
6. Создайте чарт — сводная таблица.
7. Создайте чарт — тепловая карта.
8. Создайте дашборд и добавьте на него чарты.
9. Добавьте селекторы на дашборд.

Перед началом работыПеред началом работы

Чтобы начать работать с DataLens:

Если у вас возник технический вопрос по работе сервиса, обратитесь в службу поддержки Yandex Cloud. Чтобы спросить совета, обсудить решение вашей задачи или лучшие практики работы сервиса, напишите в чат DataLens в Telegram.

Создайте воркбукСоздайте воркбук

1. Перейдите на главную страницу DataLens.
2. На панели слева выберите Коллекции и воркбуки.
3. В правом верхнем углу нажмите Создать → Создать воркбук.
4. Введите название воркбука — Практические руководства.
5. Нажмите кнопку Создать.

Создайте подключениеСоздайте подключение

Для доступа к базе данных будет создано подключение Sample ClickHouse.

1. В правом верхнем углу воркбука нажмите Создать → Подключение.

2. В разделе Базы данных выберите подключение ClickHouse®.

   1. В открывшемся окне выберите тип подключения Указать вручную и укажите параметры подключения:

      • Имя хоста — rc1a-ckg8nrosr2lim5iz.mdb.yandexcloud.net.
      • Порт HTTP-интерфейса — 8443 (по умолчанию).
      • Имя пользователя — samples_ro.
      • Пароль — MsgfcjEhJk.

   2. Включите опцию Разрешить подзапросы в датасетах и запросы из чартов.

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

   4. Нажмите кнопку Создать подключение.

      

   5. Введите название подключения — Sample ClickHouse.

   6. Нажмите кнопку Создать.

Дождитесь сохранения подключения.

Создайте датасетСоздайте датасет

Создайте датасет на базе подключения Sample ClickHouse:

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

2. Перенесите на рабочую область таблицу MS_SalesFacts.

   

3. Перенесите на рабочую область таблицу MS_Clients. Таблицы автоматически свяжутся.

   

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

   

5. Таблицы связаны по полю ClientID. При необходимости связь можно изменить или дополнить, указав еще одну пару полей. Для закрытия окна связей нажмите значок или за пределы окна.

   

6. Перенесите на рабочую область таблицу MS_Products. Таблица автоматически свяжется с левой (корневой) таблицей MS_SalesFacts.

   

7. Перенесите на рабочую область таблицу MS_Shops. Таблица автоматически свяжется с левой (корневой) таблицей MS_SalesFacts.

   

8. Перейдите на вкладку Поля.

9. Удалите дубликаты полей, получившиеся в результате соединения таблиц: ClientID (1), ProductID (1) и ShopID (1). Для этого сначала отметьте их, а затем на панели под списком полей нажмите Удалить.

   

10. Создайте поле с датой заказа OrderDate:

    1. Продублируйте поле OrderDatetime — в правой части строки с полем нажмите и выберите Дублировать.
    2. Переименуйте дубликат поля OrderDatetime (1) в OrderDate: нажмите на имя поля, удалите текущее имя и введите новое.
    3. В столбце Тип измените тип данных с Дата и время на Дата.

    

11. Измените тип данных для полей:

    • ShopDistrictCoordinates — на Геополигон;
    • DeliveryDistrictCoordinates — на Геополигон;
    • DeliveryAddressCoord — на Геоточка.

12. Создайте показатель с суммой заказа: в столбце Агрегация для поля Price выберите Сумма. Поле с агрегацией поменяет цвет на синий: оно стало показателем.

    

13. Создайте показатель с количеством заказов:

    1. Продублируйте поле OrderID.
    2. Переименуйте дубликат поля OrderID (1) в OrderCount.
    3. Измените тип агрегации на Количество уникальных.

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

    1. В правом верхнем углу нажмите кнопку Добавить поле.
    2. Слева вверху укажите название поля — Sales per Order.
    3. Слева в колонке нажмите на поле Price.
    4. Введите символ /.
    5. Слева в колонке нажмите на поле OrderCount.
    6. Нажмите кнопку Создать.

    

15. Сохраните датасет:

    1. В правом верхнем углу нажмите кнопку Сохранить.
    2. Введите название датасета — Moscow Sales dataset и нажмите кнопку Создать.

Создайте чарт — линейная диаграммаСоздайте чарт — линейная диаграмма

Для визуализации динамики продаж по месяцам создайте чарт — линейную диаграмму:

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

2. Выберите тип визуализации Линейная диаграмма.

   

3. Добавьте в чарт дату продажи. Для этого из раздела Измерения перетащите поле OrderDate в секцию X.

4. Добавьте в чарт показатель продаж. Для этого из раздела Показатели перетащите поле Price в секцию Y.

5. Добавьте в чарт тип доставки. Для этого из раздела Измерения перетащите поле PaymentType в секцию Цвета.

   

6. Отобразите чарт по месяцам:

   1. Нажмите на иконку с календарем у поля OrderDate в секции X.
   2. В поле Группировка выберите Округление ⟶ Месяц, затем нажмите Применить.

   

7. Сохраните чарт:

   1. В правом верхнем углу нажмите кнопку Сохранить.
   2. В открывшемся окне введите название чарта Динамика продаж по месяцам и типам оплаты и нажмите кнопку Сохранить.

   

Создайте чарт — столбчатая диаграммаСоздайте чарт — столбчатая диаграмма

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

1. Создайте копию чарта, созданного на предыдущем шаге:

   1. В правом верхнем углу нажмите значок → Сохранить как копию.

      

   2. В открывшемся окне введите название нового чарта Продажи по брендам и категориям и нажмите кнопку Сохранить.

2. Выберите тип визуализации Столбчатая диаграмма.

   

3. Поля OrderDate, Price и PaymentType автоматически попадут в секции X, Y и Цвета соответственно.

4. Замените месяцы на бренды на оси X. Для этого из раздела Измерения перетащите поле ProductBrand в секцию X и наведите его над полем OrderDate, пока то не станет красным.

5. Замените типы оплаты на категории товаров в секции Цвета — из раздела Измерения перетащите поле ProductCategory в секцию Цвета и наведите его над полем PaymentType, пока то не станет красным.

6. Отсортируйте чарт по убыванию показателя продаж. Для этого из раздела Показатели перетащите поле Price в секцию Сортировка.

7. Сохраните чарт — в правом верхнем углу нажмите кнопку Сохранить.

   

Создайте чарт — сводная таблицаСоздайте чарт — сводная таблица

Для визуализации продаж в разрезе продуктов и времени создайте чарт — сводную таблицу:

1. Создайте копию чарта, созданного на предыдущем шаге:

   1. В правом верхнем углу нажмите значок → Сохранить как копию.
   2. В открывшемся окне введите название нового чарта Продажи в разрезе лет и продуктов и нажмите кнопку Сохранить.

2. Выберите тип визуализации Сводная таблица.

   

3. Поля ProductBrand и Price автоматически попадут в секции Столбцы и Показатели соответственно.

4. Удалите ProductBrand из таблицы. Для этого в секции Столбцы напротив поля нажмите значок (значок появляется при наведении указателя на поле).

5. Добавьте дату заказа в таблицу. Для этого из раздела Измерения перетащите поле OrderDate в секцию Столбцы.

6. Измените формат отображения OrderDate на годы:

   1. Нажмите значок календаря у поля OrderDate в секции Столбцы.
   2. В поле Группировка выберите Часть даты ⟶ Год, затем нажмите Применить.

   

7. Добавьте в таблицу категорию и подкатегорию продуктов. Для этого из раздела Измерения перетащите поля ProductCategory и ProductSubcategory в секцию Строки.

8. Измените цвет показателя продаж в таблице. Для этого из раздела Показатели перетащите поле Price в секцию Цвета.

9. В правом верхнем углу нажмите кнопку Сохранить.

   

Создайте чарт — тепловая картаСоздайте чарт — тепловая карта

Для визуализации плотности заказов на карте Москвы создайте чарт — тепловую карту.

1. Создайте копию чарта, созданного на предыдущем шаге:

   1. В правом верхнем углу нажмите значок → Сохранить как копию.
   2. В открывшемся окне введите название нового чарта Тепловая карта продаж и нажмите кнопку Сохранить.

2. Выберите тип визуализации Карта.

   

3. Выберите тип слоя Теплокарта (Геоточки).

   

4. Добавьте на карту координаты точек доставки. Для этого из раздела Измерения перетащите поле DeliveryAddressCoord в секцию Теплокарта (Геоточки).

5. В правом верхнем углу нажмите кнопку Сохранить.

   

Создайте дашборд и добавьте на него чартыСоздайте дашборд и добавьте на него чарты

Создайте дашборд, на который будут добавлены чарты и другие виджеты:

1. На панели слева выберите Коллекции и воркбуки и перейдите в воркбук Практические руководства.

2. В правом верхнем углу нажмите Создать → Дашборд.

3. На панели в нижней части страницы выберите виджет Чарт.

   

4. В открывшемся окне нажмите кнопку Выбрать.

5. Выберите чарт Динамика продаж по месяцам и типам оплаты.

6. Нажмите кнопку Добавить.

   

7. Повторите шаги 3-6, чтобы добавить чарты:

   • Продажи по брендам и категориям
   • Продажи в разрезе лет и продуктов
   • Тепловая карта продаж

8. Установите размеры чартов с помощью мыши и расположите их на дашборде в удобном для вас порядке.

   

Добавьте селекторы на дашбордДобавьте селекторы на дашборд

Добавьте селекторы, чтобы фильтровать чарты по дате, районам Москвы, продуктам и статусам клиентов:

1. На панели в нижней части страницы выберите виджет Селектор.

   

2. Добавьте селектор с календарем по датам заказа:

   1. Выберите датасет Moscow Sales dataset.
   2. Выберите поле OrderDate.
   3. Включите опцию Диапазон.
   4. Нажмите кнопку Сохранить.

   

3. Добавьте селектор по категории продуктов:

   1. Убедитесь, что выбран датасет Moscow Sales dataset.
   2. Выберите поле ProductCategory.
   3. Включите опцию Множественный выбор.
   4. Нажмите кнопку Сохранить.

4. Аналогичным способом добавьте селекторы по полям:

   • ProductBrand
   • DeliveryDistrictName
   • DeliveryType
   • PaymentType

5. Расположите селекторы на дашборде в удобном для вас порядке.

6. Сохраните дашборд:

   1. В правом верхнем углу дашборда нажмите кнопку Сохранить.
   2. Введите название дашборда Moscow Shops dashboard и нажмите кнопку Создать.

Дашборд готов.

Применяя разные комбинации фильтров можно проанализировать, как менялись продажи товаров в различных разрезах. Например, проанализировать, как менялась динамика продаж с доставкой товаров по категориям Бытовые товары и Техника для дома в районе доставки Измайлово за период 01.01.2017 - 31.12.2018 и оценить плотность продаж на тепловой карте. Для этого задайте значения в селекторах:

• OrderDate — 01.01.2017 - 31.12.2018;
• ProductCategory — Бытовые товары и Техника для дома;
• DeliveryDistrictName — Измайлово;
• DeliveryType — Доставка.

ClickHouse® является зарегистрированным товарным знаком ClickHouse, Inc.