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

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

С помощью DataLens в данном примере будут визуализированы:

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

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

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

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

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

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

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

Шаг 1. Создайте подключение и датасетШаг 1. Создайте подключение и датасет

1. Перейдите на страницу подключений.

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

3. Выберите подключение ClickHouse.

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

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

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

   3. Проверьте подключение и нажмите кнопку Создать подключение.

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

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

   

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

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

Шаг 2. Настройте поля датасетаШаг 2. Настройте поля датасета

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

   

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

   

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

   

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

   

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

   

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

   

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

   

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

   

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

   1. Продублируйте поле OrderDatetime.

      

   2. Переименуйте дубликат поля OrderDatetime (1) в OrderDate: нажмите на имя строки, удалите текущее имя и введите новое.

      

   3. Измените тип данных с Дата и время на Дата.

      

10. Для поля ShopDistrictCoordinates измените тип данных на Геополигон.

11. Для поля DeliveryDistrictCoordinates измените тип данных на Геополигон.

12. Для поля DeliveryAddressCoord измените тип данных на Геоточка.

13. В столбце Агрегация для поля Sales выберите Сумма.

    

    Поле с агрегацией поменяет цвет на синий: поле Sales стало показателем.

    

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

    1. Продублируйте поле OrderID.

    2. Переименуйте дубликат поля OrderID (1) в OrderCount.

    3. Измените тип агрегации на Количество уникальных.

    

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

    1. В правом верхнем углу нажмите кнопку Добавить поле.

    2. В поле Имя укажите Sales per Order.

    3. Слева в колонке нажмите на поле Sales.

    4. Введите символ /.

    5. Слева в колонке нажмите на поле OrderCount.

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

       

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

    

17. Введите имя датасета Moscow Sales dataset, нажмите Создать.

18. После сохранения датасета нажмите Создать чарт.

    

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

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

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

   

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

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

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

   

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

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

   

6. Сохраните чарт.

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

      

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

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

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

1. Скопируйте чарт, получившийся на предыдущем шаге.

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

   2. Выберите Сохранить как.

      

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

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

   

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

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

   

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

   

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

   

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

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

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

1. Скопируйте чарт, получившийся на предыдущем шаге.

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

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

   

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

   

4. Удалите ProductBrand из таблицы.

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

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

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

   

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

   

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

   

9. Сохраните чарт.

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

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

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

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

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

   

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

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

   

5. Сохраните чарт.

Шаг 7. Создайте дашбордШаг 7. Создайте дашборд

Создайте дашборд, на который будут добавлены чарты.

1. Перейдите на главную страницу DataLens.

2. Нажмите кнопку Создать дашборд.

   

Шаг 8. Добавьте чарты на дашбордШаг 8. Добавьте чарты на дашборд

1. При первом открытии после сохранения дашборд открывается в режиме редактирования. Если вы открыли его повторно, то нажмите Редактировать в правом верхнем углу.

   

2. Нажмите кнопку Добавить и выберите Чарт.

   

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

4. Выберите чарт Динамика продаж по месяцам и типам оплаты. После этого автоматически заполнится поле Заголовок по названию выбранного чарта.

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

   

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

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

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

   

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

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

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

2. Выберите Селектор.

   

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

   1. Выберите датасет Moscow Sales dataset.
   2. Выберите поле OrderDate.
   3. После этого автоматически заполнится Заголовок по названию выбранного поля. Нажмите галочку Показывать напротив заголовка селектора.
   4. Выберите тип Календарь.
   5. Включите опцию Диапазон.
   6. Нажмите кнопку Добавить.

   

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

   1. Выберите датасет Moscow Sales dataset.
   2. Выберите поле ProductCategory.
   3. После этого автоматически заполнится Заголовок по названию выбранного поля. Нажмите галочку Показывать напротив заголовка селектора.
   4. Включите опцию Множественный выбор.
   5. Нажмите кнопку Добавить.

   

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

   • ProductBrand
   • DeliveryDistrictName
   • DeliveryType
   • PaymentType

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

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

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

      

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

8. Дашборд готов. Теперь можно фильтровать чарты с использованием селекторов.

   

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