Визуализация данных осуществляется с помощью виджетов, из которых создаются дашборды. Дашборд – это интерактивная аналитическая панель, на экране которой отображаются ключевые метрики и показатели работы компании. С помощью этих метрик выявляются и анализируются «узкие» места, возникающие при выполнении тех или иных задач, что позволяет рационализировать бизнес-процессы и принимать стратегически важные решения.
Создание дашборда
Для создания дашборда на платформе Visiology необходимо сделать следующее:
В левом верхнем углу Рабочей области нажмите Создать и кликните Дашборд:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/interface.png?version=4&modificationDate=1667624582066&cacheVersion=1&api=v2&width=442&height=185)
В появившемся окне введите имя создаваемого дашборда и нажмите кнопку Создать:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/16285898/create-dashboard.png?version=1&modificationDate=1667624582106&cacheVersion=1&api=v2)
Откроется окно с пустым листом, где вы будете создавать свой первый дашборд, используя виджеты и таблицы, представленные в правой стороне экрана:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/new-list2.png?version=1&modificationDate=1667625401859&cacheVersion=1&api=v2&width=442&height=231)
:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/interface1.png?version=1&modificationDate=1667773414655&cacheVersion=1&api=v2&width=442&height=226)
Для визуализации данных на платформе Visiology 3.0 используются следующие виджеты:
линейчатая диаграмма;
столбчатая диаграмма;
график;
круговая диаграмма.
Также вы можете добавлять на дашборд фильтры для сортировки данных, таблицы и изображения.
Итак, приступим. Нам необходимо отразить ключевую информацию по продажам за 2021 год. Для этого мы выполним следующие шаги:
Нажмите на иконку столбчатой диаграммы в секции Визуализации. Отобразится пустое окно столбчатой диаграммы:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/diagram.png?version=2&modificationDate=1666739999109&cacheVersion=1&api=v2&width=442&height=195)
В правой стороне, в секции Поля, раскройте таблицы, нажав на значок >, выберите необходимые поля таблиц с данными и перетащите их на Ось Х и Ось Y для отображения информации в виджете. В нашем примере это будут поля, содержащие данные о количестве проданного товара по городам:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/diagram2.png?version=2&modificationDate=1666741579368&cacheVersion=1&api=v2&width=448&height=231)
Аналогичным образом вы можете создать визуализацию других показателей, выбрав виджеты График и Круговая диаграмма и перетащив в их поля необходимые данные. У нас получилось следующее:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/final-dashboard.png?version=1&modificationDate=1666743155492&cacheVersion=1&api=v2&width=510&height=222)
Теперь вы можете переименовать виджеты, чтобы отразить суть отображаемой информации, и тонко настроить визуализацию. Например, можно изменить оформление легенды, добавить фон, рамку и много другое. Для этого необходимо использовать Desktop Designer.
Установка и запуск Desktop Designer
Установка Desktop Designer
Для установки Desktop Designer необходимо открыть интернет-браузер и ввести следующую строку:
где <domain>
– имя домена или IP-адрес сервера, где развернута платформа.
Начнется скачивания архива. После завершения скачивания, распакуйте архив и установите приложение.
Запуск Desktop Designer
Запустите приложение.
В открывшемся диалоге нажмите кнопку Добавить.
В появившемся окне введите название дашборда, его адрес и нажмите ОК:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/16285898/add-dash2.png?version=1&modificationDate=1666767607571&cacheVersion=1&api=v2)
В окне выбора, кликните на созданном подключении и нажмите Выбрать:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/16285898/select.png?version=3&modificationDate=1666765681924&cacheVersion=1&api=v2)
В открывшемся диалоге ведите данные авторизации, которые вы используете для входа в Visiology Platform, и нажмите кнопку Вход:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/16285898/login.png?version=3&modificationDate=1666766094570&cacheVersion=1&api=v2)
Откроется главное окно Desktop Designer:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/main-window2.png?version=1&modificationDate=1666766254336&cacheVersion=1&api=v2&width=544&height=196)
Для тонкой настройки виджетов откройте созданный дашборд, нажав кнопку Открыть в верхнем левом углу, выберите дашборд из списка и нажмите Открыть:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/open-dash.png?version=2&modificationDate=1666766920612&cacheVersion=1&api=v2&width=442&height=326)
Ваш дашборд откроется в Desktop Designer:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/16285898/opened-dash.png?version=1&modificationDate=1666767248985&cacheVersion=1&api=v2&width=442&height=254)
Теперь вы можете переименовать ваши виджеты, изменить шрифт, добавить эффекты в боковой панели Настройки. Подробную информацию о том, как осуществлять визуальную настройку каждого виджета в Desktop Designer смотрите в разделе Визуальные настройки виджетов.
➡️ Шаг 5. Публикация дашборда