Визуализация данных осуществляется с помощью виджетов, из которых создаются дашборды. Дашборд – это интерактивная аналитическая панель, на экране которой отображаются ключевые метрики и показатели работы компании. С помощью этих метрик выявляются и анализируются «узкие» места, возникающие при выполнении тех или иных задач, что позволяет рационализировать бизнес-процессы и принимать стратегически важные решения.
Создание дашборда
Для создания дашборда на платформе Visiology необходимо сделать следующее:
В левом верхнем углу Рабочей области нажмите Создать и кликните Дашборд:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/interface.png?version=4&modificationDate=1667635382066&cacheVersion=1&api=v2&width=442&height=185)
В появившемся окне введите имя создаваемого дашборда и нажмите кнопку Создать:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/2393050/create-dashboard.png?version=1&modificationDate=1667635382106&cacheVersion=1&api=v2)
Откроется окно с пустым листом, где вы будете создавать свой первый дашборд, используя виджеты и таблицы, представленные в правой стороне экрана:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/new-list2.png?version=1&modificationDate=1667636201859&cacheVersion=1&api=v2&width=442&height=231)
:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/interface1.png?version=1&modificationDate=1667784214655&cacheVersion=1&api=v2&width=448&height=229)
Для визуализации данных на платформе Visiology 3.0 используются следующие виджеты:
линейчатая диаграмма;
столбчатая диаграмма;
график;
круговая диаграмма.
Также вы можете добавлять на дашборд фильтры для сортировки данных, таблицы и изображения.
Итак, приступим. Нам необходимо отразить ключевую информацию по продажам за 2021 год. Для этого мы выполним следующие шаги:
Нажмите на иконку столбчатой диаграммы в секции Визуализации. Отобразится пустое окно столбчатой диаграммы:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/diagram.png?version=2&modificationDate=1666750799109&cacheVersion=1&api=v2&width=442&height=195)
В правой стороне, в секции Поля, раскройте таблицы, нажав на значок >, выберите необходимые поля таблиц с данными и перетащите их на Ось Х и Ось Y для отображения информации в виджете. В нашем примере это будут поля, содержащие данные о количестве проданного товара по городам:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/diagram2.png?version=2&modificationDate=1666752379368&cacheVersion=1&api=v2&width=442&height=227)
Аналогичным образом вы можете создать визуализацию других показателей, выбрав виджеты График и Круговая диаграмма и перетащив в их поля необходимые данные. У нас получилось следующее:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/final-dashboard.png?version=1&modificationDate=1666753955492&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/2393050/add-dash2.png?version=1&modificationDate=1666778407571&cacheVersion=1&api=v2)
В окне выбора, кликните на созданном подключении и нажмите Выбрать:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/2393050/select.png?version=3&modificationDate=1666776481924&cacheVersion=1&api=v2)
В открывшемся диалоге ведите данные авторизации, которые вы используете для входа в Visiology Platform, и нажмите кнопку Вход:
![](https://visiology-doc.atlassian.net/wiki/download/attachments/2393050/login.png?version=3&modificationDate=1666776894570&cacheVersion=1&api=v2)
Откроется главное окно Desktop Designer:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/main-window2.png?version=1&modificationDate=1666777054336&cacheVersion=1&api=v2&width=544&height=196)
Для тонкой настройки виджетов откройте созданный дашборд, нажав кнопку Открыть в верхнем левом углу, выберите дашборд из списка и нажмите Открыть:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/open-dash.png?version=2&modificationDate=1666777720612&cacheVersion=1&api=v2&width=442&height=326)
Ваш дашборд откроется в Desktop Designer:
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/2393050/opened-dash.png?version=1&modificationDate=1666778048985&cacheVersion=1&api=v2&width=442&height=254)
Теперь вы можете переименовать ваши виджеты, изменить шрифт, добавить эффекты в боковой панели Настройки. Подробную информацию о том, как осуществлять визуальную настройку каждого виджета в Desktop Designer смотрите в разделе Визуальные настройки виджетов.
➡️ Шаг 5. Публикация дашборда