Кастомные виджеты Газпром ЦПС

Актуально для третьей версии Visiology

На этой странице вы найдете кастомные виджеты на базе Visiology российской ИТ-компании «Газпром ЦПС». Выбирайте нужный вам, скачивайте и применяйте в работе.
Карта сот — это визуализация данных в виде шестиугольников, напоминающих пчелиные соты. Каждая ячейка представляет собой категорию или значение, а её цвет или положение зависит от показателя, который она отражает. Такой виджет полезен для представления больших массивов данных, где важна компактность и визуальная ясность.

Потребности, которые она закрывает в бизнес-аналитике:
  • Компактное представление данных: шестиугольники позволяют плотнее располагать данные, что полезно при больших объемах информации.
  • Анализ категорий: легко оценить и сравнить различные категории или метрики.
  • Выявление паттернов: помогает обнаруживать зависимости и тенденции между категориями.
  • Быстрое выявление аномалий: цветовые изменения помогают сразу заметить отклонения и аномальные значения.
Инструкция
Виджет представляет круговую диаграмму КПД, где данные отображаются в виде замкнутых сегментов в нескольких слоях.

Он закрывает следующие потребности в бизнес-аналитике:
  • Оценка производительности: диаграмма позволяет наглядно отслеживать выполнение задач или эффективность процессов по нескольким категориям.
  • Сравнение прогресса: визуально понятно, какие процессы или метрики имеют лучший КПД по сравнению с другими.
  • Мониторинг многослойных показателей: каждый круг может отображать отдельные метрики или подразделения, что упрощает многомерный анализ.
  • Визуализация целевых значений: сегменты дают быстрый доступ к оценке достижения целей или эффективности.
  • Идентификация узких мест: процессы с более низким КПД легко идентифицировать для дальнейшего анализа и улучшений.
Инструкция
Виджет-слайдер закрывает следующие потребности в бизнес-аналитике:
  • Отслеживание ключевых показателей эффективности (KPI) — слайдер предоставляет возможность видеть показатели в структурированном виде, включая проценты выполнения задач и динамику их изменений.
  • Сравнение производительности различных отделов — на одном экране можно быстро сравнить производительность отделов, что помогает выявить сильные и слабые стороны.
  • Оперативное принятие решений — визуальное представление данных с динамикой (рост/падение) позволяет быстрее принимать управленческие решения.
  • Обеспечение наглядности данных — виджет предоставляет данные в удобном формате, облегчая восприятие и снижая необходимость анализа таблиц или графиков.

Этот виджет удобен благодаря следующим особенностям:
  • Динамическое переключение данных — слайдер позволяет переключать большой объем информации без перегруженности интерфейса. Пользователь видит только необходимую часть данных, избегая излишнего визуального шума.
  • Компактное представление данных — все ключевые показатели для каждого отдела упакованы в компактные карточки, что экономит экранное пространство и упрощает навигацию.
  • Интерактивность — возможность прокрутки (стрелки или точки навигации) позволяет быстро переключаться между отделами, сохраняя доступ к нужной информации.
  • Удобство на большом экране — благодаря адаптации под широкий экран, виджет идеально подходит для использования на дашбордах и презентациях, что делает его полезным инструментом для руководителей.
Инструкция
Лепестковая диаграмма, известна также как радарная диаграмма. Она отображает многомерные данные по нескольким категориям, располагая их по окружности, а значения для каждой категории отображаются по радиусам.

Этот виджет закрывает несколько потребностей в бизнес-аналитике:
  • Сравнительный анализ: можно сравнивать несколько серий данных одновременно (в данном случае три — Серия 1, Серия 2, Серия 3). Это полезно для выявления сильных и слабых сторон каждого объекта анализа (например, продуктивность разных отделов или продуктов).
  • Визуализация многомерных данных: он эффективно отображает несколько переменных на одной диаграмме, помогая визуально анализировать распределение данных по множеству категорий.
  • Идентификация отклонений: такая диаграмма помогает легко выявлять области с большими отклонениями от нормы или от других серий данных, что может указывать на проблемы или возможности для улучшения.
  • Простота восприятия: Бизнес-аналитики могут быстро увидеть ключевые точки, где одна из серий превышает другие, или, наоборот, уступает. Это особенно важно в случаях, когда нужно быстро принимать решения.

В бизнес-контексте подобный виджет может использоваться для:
  • Оценки производительности разных департаментов.
  • Сравнения характеристик продуктов или услуг.
  • Выявления сильных и слабых сторон по различным метрикам (например, KPI).
Инструкция
Инструкция для виджета «Круговая диаграмма КПД»
Для подключения данных необходим следующий формат данных, количество серий до 5-ти, количество значений до 1-го.
Пользовательские свойства:
  • Показывать тултип – настройка видимости подсказки.
  • Показывать только число в тултипе – настройка отображения данных в подсказке.
  • Размер числа в тултипе – настройка размера шрифта для числа в подсказке.
  • Размер текста в тултипе – настройка размера шрифта для текста в подсказке.
  • Шрифт в тултипе – настройка типа шрифта в подсказке.
Инструкция для виджета «Лепестковая диаграмма»
Для подключения данных необходим следующий формат данных, количество серий от 1-го, количество значений от 3-х.
Пользовательские свойства:
  • Закрашивание области – настройка заливки серий.
  • Показывать легенду, тултип, подписи круга – настройка видимости.
  • Размер, тип шрифта, цвет– визуальная настройка легенды, тултипа, подписей.
В измерения добавляются наименования серий, в показатели значения серий.
Инструкция для виджета «Слайдер»
Для подключения данных необходим следующий формат данных, заголовок карточек, описание карточек, показатель и динамику.
Пользовательские свойства:
  • Высота слайдов – настройка высоты карточек.
  • Количество слайдов для отображения – количество слайдов за просмотр.
  • Ширина обводки слайдов, цвет обводки слайдов, тень у слайдера, фон у слайдера, радиус скругления слайдов, отступы внутри слайда – визуальные настройки карточек.
  • Бесконечная прокрутка, скорость переключения слайдов – настройки движения слайдов.
  • Показ/скрытие, настройка цвета стрелок и пагинации – визуальные настройки элементов слайдера.
  • Подписи для показателей и динамики – дополнительные подписи к числам.
  • Размер, выравнивание, цвет для заголовков, подзаголовков и числовых значений – визуальные настройки текста в карточках.
  • Показать/скрыть иконки динамики, окрашивание динамики, выбор цвета для динамики – визуальные настройки динамики.
Инструкция для виджета «Карта сот»
Для подключения данных необходим следующий формат данных, количество серий от 1-го, далее координата X (отвечает за расположение ячейки по горизонтали), координата Y (расположение по вертикали), числовой показатель серии.
Пользовательские свойства:
  • Инверсия координат – перестановка местами координат X и Y для корректного отображения.
  • Высота карты – настройка высоты карты для правильного отображения размера сот.
  • Показывать тултип, легенду, подписи – настройка видимости.
  • Цвет, размер шрифта, тип шрифта тултипа, легенды, подписей – визуальные настройки.