Информативность и красота неразделимы

Visiology Designer

Знакомство с Visiology 3.X

В начало
Интерфейс Visiology Designer
Лента меню
Панель работы с данными
Панель настройки виджета
Панель фильтры
Создание листа
Публикация дашборда

Интерфейс Visiology Designer

Визуализация данных осуществляется с помощью виджетов (графики, диаграммы), из которых создаются дашборды.

– это интерактивная аналитическая панель, на которой отображаются ключевые метрики и показатели работы компании. С помощью этих метрик выявляются и анализируются «узкие» места, возникающие при выполнении тех или иных задач, что позволяет рационализировать бизнес-процессы и принимать стратегически важные решения.

Дашборд

Из раздела «ДанКо» мы помним, что Visiology Designer — графический дизайнер, один из компонентов платформы, с помощью которого можно редактировать и смотреть существующие дашборды, рабочие области, наборы и модели данных, а также настроить загрузку данных и их автоматическое обновление.

В этом разделе остановимся и поговорим про создание и редактирование дашбордов.

После создания дашборда на выбранном наборе данных мы попадаем в интерфейс Visiology Designer.

Слева на экране расположен сайдбар, с помощью которого можно перемещаться от дашборда к модели данных или посмотреть данные в загруженных таблицах.

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

В правой части экрана находятся три панели: «Фильтров на виджете», «Настройки виджетов», «Работы с данными».

В нижней части экрана можно переименовать лист или добавить новый, а также кнопки масштабирования листа. И там же находится кнопка (стрелка вверх) открытия панели для редактирование JavaScript-кода выбранного виджета.

Рассмотрим их функционал детальнее.

Две панели

В нижней части экрана находятся две панели:

управления листами;
настройки масштаба.

С панелью управления листами разобраться просто. Если нажать правой кнопкой мыши по выбранному листу, можно: Переименовать, Дублировать и Удалить лист. Также можно менять порядок перетаскиванием.

Листы

!

Совет

Если вам необходимо из ссылки на дашборд убрать названия листов, замените в самой ссылке последнее true на false.

На данной панели находятся кнопки масштабирования листа. Можно выбрать удобный для работы с дашбордом или задать вручную. Также имеется кнопка масштабирования по ширине листа

Масштаб

Советуем масштабировать лист сразу после его создания.

Редактирование кода

Чуть правее находится кнопка, которая открывает поистине безграничный функционал в части визуальной настройки виджетов. С ее помощью открывается панель редактирования JavaScript-кода на виджете.
Возможности JS в данном курсе мы рассматривать не будем, но для того чтобы отредактировать код виджета, необходимо:

выбрать интересующий виджет;
в панели настройки виджета перейти на вкладку «Оформление»;
раскрыть раздел «Общие»;
перевести переключатель в режим редактирования кода.

Лента меню

В верхней части экрана расположены кнопки с выпадающими меню, которые облегчают построение дашборда и его настройку.

Кнопка «Сохранить» позволяет сохранить дашборд вручную.

Кнопка «Сохранить как» позволяет сохранить дашборд под другим именем и переместить в нужную рабочую область. В этом случае исходный дашборд сохранится, а в выбранную область добавится дашборд с новым именем и связанный с ним набор данных (как внешний НД).

Файл

Также вы можете экспортировать дашборд в удобный для вас формат.

При экспорте учитываются фильтры, применённые на дашборде.

Автоматического сохранения дашбордов пока не завезли. Старайтесь периодически сохранять свой дашборд вручную, чтобы не потерять данные.

ViTalk GPT

Виртуальный ассистент

Меню «Правка» позволяет копировать, вставлять и удалять виджеты. Также можно отменить последнее действие или вернуть отмененное действие.

Правка

Меню управления слоями «Переместить» позволяет определить виджет на нужный слой на один уровень вверх/вниз среди прочих виджетов либо определить его передний/задний план.

Переместить

Меню «Вид» позволяет настроить масштаб листа дашборда, а также включить отображение сетки для упрощения размещения виджетов на листе.

Вид

При создании дашборда рекомендуем включить «Сетку» для удобного позиционирования виджетов.

ViTalk GPT

Виртуальный ассистент

В меню «Темы» можно выбрать тему для вашего дашборда из списка.

По умолчанию присутствуют две темы: «Системная» и «Энергия Visiology». Это нередактируемые темы, которые нельзя удалить.

Темы

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

Для этого необходимо выполнить несколько шагов:

скачать системную тему и переименовать ее;
добавить виджеты на дашборд и настроить их в соответствии с вашими требованиями;
скачать тему каждого виджета;
в скачанной системной теме заменить блоки виджетов кодом из полученных тем;
импортировать созданную тему на платформу.

Собственная тема

Подробнее про то, как создать свою тему оформления, можно узнать в документации.

К документации

Платформа Visiology позволяет автоматически формировать и отправлять письма с дашбордами всем заинтересованным лицам в любое время и в любом временном диапазоне. Вы можете, например, разослать дашборд в качестве презентации в формате PDF или PPTX либо отправить ссылку на дашборд тем пользователям, у которых есть доступ к платформе.

Рассылки

Создавать рассылки могут пользователи с ролями «Администратор», «Автор» или «Участник». Для пользователей с ролью «Зритель» данная функция недоступна.

Прежде чем создавать рассылки, администратору платформы необходимо:

указать адрес почтового сервера;
указать адрес почтового ящика, с которого будет осуществляться рассылка. После выполнения этих настроек можно приступать к созданию рассылок.

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

Откройте окно создания рассылок, нажав «Рассылки» в верхней панели

2. В появившемся окне нажмите «+», чтобы добавить новую рассылку.

Как создать

3. Созданная рассылка отобразится в левой стороне окна. В правой стороне окна укажите параметры рассылки, заполнив соответствующие поля:

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

Доступны три варианта вложения:

Дашборд можно добавить в качестве презентации в формате PDF или PPTX;
Ссылка на дашборд (при условии, что сообщение будет отправлено пользователям, у которых есть доступ к платформе);
Скриншот первого листа дашборда в качестве иллюстрации;

Расписание. Здесь вы можете указать дату и время рассылки, а также часовой пояс. На вкладе «Особый» вы можете указать дату в Cron-формате;
Период действия рассылки. В этих полях вы можете указать дату начала и завершения рассылок.

Кнопка «Поделиться» открывает окно, где вы можете скопировать ссылку на текущий лист или дашборд и, например, поделиться ей с коллегой.

Также вы можете сделать общедоступную ссылку на дашборд, нажав соответствующую кнопку и дав разрешение.

Важно! Если набор данных ограничен настройками доступа, дашборд может быть недоступен.

Ссылка без авторизации

Меню «Данные» состоит из следующих разделов:

Выбор источника данных;
Источники;
Настроить доступ.

Данные

1

Выбор источника данных

2

Источники

3

Настроить доступ

Позволяет оперативно перейти к интерфейсу загрузки данных.

Содержит список подключений к базам данных, данные из которых используются на дашборде.

Нажав на данный раздел, можно предоставить и настроить уровень доступа к дашборду для определённого пользователя или группы пользователей.

Панель работы с данными

В правой части экрана находятся три панели: «Фильтры», «Настройки виджета» и «Данные».
Они всегда закреплены, но при необходимости их можно свернуть.

Начнём знакомство справа налево. Первая панель — «Данные», это панель работы с данными, в ней находятся списки таблиц и столбцов из набора данных. Также в её интерфейсе создаются меры (формулы) для работы с данными на дашборде.

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

Мера

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

Отличие от предыдущей только в настройках доступа. Данная мера будет доступна только на текущем дашборде.
Даты

Обозначение колонки, которое имеет формат даты.
Показатель

Обозначение колонки, которое содержит в себе численный показатель и которое можно использовать для расчёта.
Измерение

Если рядом с названием колонки нет никакого символа, то скорее всего это будет колонка, содержащая список характеристик (чего-либо), то есть Измерений, по которому можно делать срезы на виджетах дашборда.
Скрыть/показать пользователю*

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

*Доступно только администратору.

Если нажать на три точки рядом с название таблицы, появится всплывающее меню, где можно:

Создать меру на дашборде, в этом случае мера будет доступна только на текущем дашборде;
Создать меру, в этом случае мера будет доступна всем пользователям в рабочей области, и её можно будет переиспользовать на других дашбордах;
Обновить таблицу. Если в таблице появились новые данные, то можно полностью их обновить.

Для данных из БД

Создать меру на дашборде, в этом случае мера будет доступна только на текущем дашборде;
Удалить таблицу и меры в ней;
Настроить структуру таблицы, в этом случае откроется окно настройки таблицы, как при загрузке.

Для данных из файлов CSV/Excel

⚠️ Данные в таблице полностью перезаписываются.

Посмотреть SQL-запрос к данной таблице;
редактировать загрузчик во всплывающем окне настройки (редактирования) подключения к БД;
Удалить таблицу и запрос к ней.

Если нажать на три точки рядом с названием колонки, появится всплывающее меню, где можно:

Создать меру, в этом случае мера будет доступна всем пользователям в рабочей области, и её можно будет переиспользовать на других дашбордах
Сортировка по столбцу позволяет выстроить порядок отображения данных на виджете, допустим, произвести сортировку дат по месяцам или годам.

⚠️ Возможно только в пределах одной таблицы.

Скрыть (показать) пользователям . Скрытые столбцы не будут показываться пользователям ни в модели данных, ни в панели Данные, однако меры, созданные с использованием данных скрытых столбцов, будут доступны пользователям.

Панель настройки виджета

Эта панель предназначена в первую очередь для визуальной настройки дашборда/виджетов.

На панели находятся две вкладки: «Виджет» и «Оформление».

Вкладки «Виджет» и «Оформление»

На вкладке «Виджет» можно добавлять новые виджеты на дашборд, а также добавлять данные из панели справа на виджет.

В стандартную поставку платформы уже включены 10 виджетов. Но если вам необходим дополнительный виджет, которого нет на платформе, либо нужно «кастомизировать» имеющийся, то вы всегда можете создать его, нажав на троеточие на панели виджетов и выбрав пункт «Создать виджет». Однако учтите, что вам может понадобиться знание языка JavaScript.

Также вы можете добавить своё изображение к виджету, чтобы их отличать. Сделать это можно в окне редактирования виджета.

Виджет

Подробнее про работу с виджетами можно прочесть в документации.

Визуальные настройки виджетов

Пользовательские виджеты

Изменить тип виджета достаточно просто: необходимо выбрать виджет и в разделе стандартных/кастомных виджетов кликнуть на нужный. Поэтому будьте аккуратны при добавлении новых виджетов, чтобы не потерять настройку привязки данных.

ViTalk GPT

Виртуальный ассистент

Во вкладке «Оформление» находятся визуальные настройки выбранного виджета. Наполнение этой вкладки зависит от виджета.

Оформление

Если на дашборде не выбран ни один виджет, нажав на вкладку «Оформление, можно настроить визуальные параметры листа дашборда.

Добавление данных на виджет происходит очень просто, путём перетаскивания нужного значения из панели «Данные» в нужное поле в «Панели настройки виджета», об этом подробнее будет в практической работе. А сейчас перейдём к заключительной панели — «Фильтры».

Панель «фильтры»

Данная панель позволяет настроить внутреннюю фильтрацию виджета и такой параметр, как вывод Топ-N-значений.

Фильтр

Для фильтрации данных, отображаемых в виджетах, вы можете использовать виджеты «Фильтр» и «Фильтр по датам». Эти виджеты выполняют общую фильтрацию данных для всех виджетов на листе (при условии, что настроено влияние на виджеты). Однако, если вам необходимо настроить фильтры для каждого виджета отдельно, можно «Настроить внутреннюю фильтрацию виджета». Вы можете сделать это с помощью панели «Фильтры». Для этого выполните несколько шагов:

1

2

Выберите виджет, данные которого вы хотите отфильтровать.

Раскройте панель «Фильтры», нажав на кнопку со стрелками в правом верхнем углу панели.

3

4

Перетащите поле, данные которого вы хотите использовать для фильтрации, из панели «Данные» в панель «Фильтры». При необходимости вы можете перетащить несколько полей, при этом нельзя добавить одно и то же поле дважды. Но меры нельзя перетаскивать в панель «Фильтры».

В панели «Фильтры» раскройте добавленное поле, выберите пункты, по которым вы хотите отфильтровать данные, и нажмите Применить.

И в примере отрисовались данные, которые относятся к классу «Deluxe».

Для очистки фильтра нажмите кнопку отмены фильтрации в правом верхнем углу карточки фильтра.

Следует учитывать, что фильтры, примененные ко всем виджетам листа с помощью виджетов «Фильтр» и «Фильтр по датам», будут также применяться к виджету, у которого настроена индивидуальная фильтрация.

Очистка

При большом количестве пунктов вы можете скрыть ненужные элементы, оставив только выбранные. Для этого активируйте опцию «Показывать в списке только выбранные».

Активация опции «Не учитывать выбранные при фильтрации» позволяет исключить выбранные данные из визуализации.

Топ-N

Функция Топ-N предназначена для выбора и отображения заданного количества лучших или, наоборот, отстающих элементов из выбранного набора данных на основе определённых критериев.

Настройка Топ-N немного напоминает сортировку по столбцу, когда, в примере выше, мы сортировали названия месяцев по их номеру.

Для настройки на панель фильтров мы добавляем сначала тот столбец, по которому хотим вывести ТОП значения. Как правило, это измерение. Далее (при необходимости раскрываем список) выбираем пункт Топ-N и добавляем показатель или меру, по которой хотим вывести значения.

Например, нам необходимо вывести ТОП-5 товаров по количеству продаж на диаграмме.

Мы видим, что на ось Y (измерение) добавлен столбец «Product name»‎, соответственно, по нему мы и будем делать сортировку:

добавляем его на панель фильтров;
раскрываем добавленное поле;
переходим в режим Топ-N;
добавляем показатель/меру, по которой хотим вывести список;
указываем количество строк, которые нужно отобразить на виджете;
нажимаем кнопку «Применить»‎.

При этом можно использовать столбцы с агрегацией/меры, которые не добавлены на виджет. В примере на виджете сначала отобразили Топ по количеству проданных единиц, а во втором случае Топ товаров по прибыли.

Также мы можем выбрать Топ минимальных и максимальных значений.

Стоит учесть, что для виджета можно настроить только один фильтр Топ-N и ввести отрицательное значение или ноль в поле Количество элементов не получится.

Создание листа

– это вкладка, на которой располагаются плитки виджетов с визуализацией исходных наборов данных (графики, диаграммы, схемы). Каждая вкладка представляет собой страницу дашборда.

Лист

Первый лист создается автоматически при создании дашборда. Для создания нового листа нажмите кнопку со знаком «+» в нижней части экрана. Откроется пустой лист с автоматически созданным названием.

Создание нового листа

На данный момент «перетаскивать» листы и менять их местами не получится. Учитывайте это!

ViTalk GPT

Виртуальный ассистент

Публикация дашборда

После настройки визуализации дашборда вы можете поделиться им со своими коллегами. Для этого на ленте откройте меню «Поделиться».

В открывшемся окне скопируйте ссылку на дашборд или лист и отправьте ее коллегам.

Ссылку можно вставить в адресную строку браузера и открыть дашборд.

!

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

На страницу курса

Перейти к интерактивному взаимодействию

К интерактивному взаимодействию

Если у вас появились вопросы, напишите нам