Визуализация данных осуществляется с помощью виджетов, из которых создаются дашборды. Дашборд – это интерактивная аналитическая панель, на экране которой отображаются ключевые метрики и показатели работы компании. С помощью этих метрик выявляются и анализируются «узкие» места, возникающие при выполнении тех или иных задач, что позволяет рационализировать бизнес-процессы и принимать стратегически важные решения.
Создание дашборда
Для создания дашборда на платформе Visiology необходимо сделать следующее:
В левом верхнем углу Рабочей области нажмите Создать и кликните Дашборд:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/interface.png?version=4&modificationDate=1667602982066&cacheVersion=1&api=v2&width=442&height=185)
В появившемся окне введите имя создаваемого дашборда и нажмите кнопку Создать:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/124584463/create-dashboard.png?version=3&modificationDate=1685126914163&cacheVersion=1&api=v2)
Откроется окно с пустым листом, где вы будете создавать свой первый дашборд, используя виджеты и таблицы, представленные в правой стороне экрана:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/new-list2.png?version=1&modificationDate=1667603801859&cacheVersion=1&api=v2&width=442&height=231)
:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/interface.png?version=4&modificationDate=1667602982066&cacheVersion=1&api=v2&width=442&height=185)
Для визуализации данных на платформе Visiology 3.0 используются следующие виджеты:
линейчатая диаграмма;
столбчатая диаграмма;
график;
круговая диаграмма.
Также вы можете добавлять на дашборд фильтры для сортировки данных, таблицы и изображения.
Итак, приступим. Нам необходимо отразить ключевую информацию по продажам за 2021 год. Для этого мы выполним следующие шаги:
Нажмите на иконку столбчатой диаграммы в секции Визуализации. Отобразится пустое окно столбчатой диаграммы:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/diagram.png?version=3&modificationDate=1685363341632&cacheVersion=1&api=v2&width=442&height=231)
В правой стороне, в секции Поля, раскройте таблицы, нажав на значок >, выберите необходимые поля таблиц с данными и перетащите их на Ось Х и Ось Y для отображения информации в виджете. В нашем примере это будут поля, содержащие данные о количестве проданного товара по городам:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/diagram2.png?version=2&modificationDate=1666719979368&cacheVersion=1&api=v2&width=442&height=227)
Аналогичным образом вы можете создать визуализацию других показателей, выбрав виджеты График и Круговая диаграмма и перетащив в их поля необходимые данные. У нас получилось следующее:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/final-dashboard.png?version=2&modificationDate=1685365794695&cacheVersion=1&api=v2&width=510&height=222)
Теперь вы можете переименовать виджеты, чтобы отразить суть отображаемой информации, и тонко настроить визуализацию. Например, можно изменить оформление легенды, добавить фон, рамку и много другое. Для этого необходимо использовать Desktop Designer.
Установка и запуск Desktop Designer
Установка Desktop Designer
Для установки Desktop Designer необходимо открыть интернет-браузер и ввести следующую строку:
<domain>/download-desktop-designer
где <domain>
– имя домена или IP-адрес сервера, где развернута платформа.
Начнется скачивания архива. После завершения скачивания, распакуйте архив и установите приложение.
Запуск Desktop Designer
Запустите приложение.
В открывшемся диалоге нажмите кнопку Добавить.
В появившемся окне введите название дашборда, его адрес и нажмите ОК:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/124584463/add-dash2.png?version=1&modificationDate=1666746007571&cacheVersion=1&api=v2)
В окне выбора, кликните на созданном подключении и нажмите Выбрать:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/124584463/select.png?version=3&modificationDate=1666744081924&cacheVersion=1&api=v2)
В открывшемся диалоге ведите данные авторизации, которые вы используете для входа в Visiology Platform, и нажмите кнопку Вход:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/124584463/login.png?version=3&modificationDate=1666744494570&cacheVersion=1&api=v2)
Откроется главное окно Desktop Designer:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/main-window2.png?version=1&modificationDate=1666744654336&cacheVersion=1&api=v2&width=544&height=196)
Для тонкой настройки виджетов откройте созданный дашборд, нажав кнопку Открыть в верхнем левом углу, выберите дашборд из списка и нажмите Открыть:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/open-dash.png?version=2&modificationDate=1666745320612&cacheVersion=1&api=v2&width=442&height=326)
Ваш дашборд откроется в Desktop Designer:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/124584463/opened-dash.png?version=1&modificationDate=1666745648985&cacheVersion=1&api=v2&width=442&height=254)
Теперь вы можете переименовать ваши виджеты, изменить шрифт, добавить эффекты в боковой панели Настройки. Подробную информацию о том, как осуществлять визуальную настройку каждого виджета в Desktop Designer смотрите в разделе Визуальные настройки виджетов.
➡️ Шаг 6. Публикация дашборда