дизайн документа Qlik view

Бизнес-аналитик, разработчик QlikView и Qlik Sense

2015 - 2016

Визуализация на

QlikView Краткий экскурс в визуализацию

Шамаев Иван В.

http://qlikview.ivan-shamaev.ru – Бизнес-аналитика на QlikView и Qlik Sense. Обучение сотрудников. Решение сложных проблем и выполнение сложных задач. Проектирование, разработка, оптимизация

http://qlikview.ivan-shamaev.ru – Профессиональная разработка на платформах QlikView и Qlik Sense. Настройка сложной визуализации данных. Разработка приложений по методологии MAD/DAR. Бизнес-аналитика для директоров, начальников, администраторов.

Оглавление Принципы дизайна в приложениях QlikView ................................................................................................................ 2

10 правил по дизайну в приложениях QlikView ........................................................................................................... 5

Подходы к проверке целостности модели данных ...................................................................................................... 5

Исходные данные ............................................................................................................................................................ 5

Настройка документа до начала работы ....................................................................................................................... 6

Установка фона для всего документа и для отдельных листов .............................................................................. 6

Визуальные элементы ................................................................................................................................................... 10

Список ......................................................................................................................................................................... 10

Блок статистики ......................................................................................................................................................... 19

Мультисписок ............................................................................................................................................................ 22

Блок "Текущие выборки" .......................................................................................................................................... 24

Простая таблица ........................................................................................................................................................ 27

Диаграмма ................................................................................................................................................................. 28

Гистограмма ........................................................................................................................................................... 29

Линейный график .................................................................................................................................................. 36

Комбо диаграмма .................................................................................................................................................. 39

Диаграмма Радар .................................................................................................................................................. 44

Сводная таблица .................................................................................................................................................... 47

Прямая таблица ..................................................................................................................................................... 53

Круговая диаграмма .............................................................................................................................................. 62

Сетка-Диаграмма ................................................................................................................................................... 68

Диаграмма Датчик ................................................................................................................................................. 75

Блочная Диаграмма .............................................................................................................................................. 83

Диаграмма Воронка .............................................................................................................................................. 86

Диаграмма Мекко ................................................................................................................................................. 95

Точечная диаграмма ............................................................................................................................................. 98

http://qlikview.ivan-shamaev.ru/




Принципы дизайна в приложениях QlikView

Позиционирование объектов визуализации на листе QlikView:

Слева располагаются Фильтры (Объекты "Listboxes"): исторически сложилось так, что во всех

программах фильтры, навигационные меню располагаются слева. У многих людей выработалась

привычка, наперекор которой очень не выгодно идти.





Даты сверху: объект "Listboxes" позволяет располагать элементы по горизонтали, поэтому года и

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

Для выравнивания графических объектов используйте сетку:

Количество деталей информации на дашборде должно увеличиваться при движении к низу листа.

Сверху лучше отображать агрегированные данные в виде графиков. Снизу - табличные формы или

тренды:

На листах, предназначенных для анализа детальных данных, графики и диаграммы можно располагать

снизу, а сверху отображать информацию в табличной форме:





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

отображать снизу (делается это при помощи переменных). Здесь главное учесть объем данных,

который загружается в приложения и объем визуализации. Если у Вас правильно построена

архитектура приложений QlikView (агрегаты отдельно от детальных данных), то можете смело

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

Используйте на одном листе объект «Контейнер» для быстрого переключениями между графическими

объектами:





Если Вам нужен высококлассный специалист QlikView, который без лишней «мишуры» построит бизнес-

аналитику в организации, то переходите прямо сейчас на сайт http://qlikview.ivan-shamaev.ru

10 правил по дизайну в приложениях QlikView Перед релизом приложения QlikView дважды проверьте, что Вы выполнили 10 правил по дизайну в

системе QlikView:

Вы полностью сфокусировались на вашей аудитории и ее потребностях;

Позвольте данным, которые отображаются на вашем дашборде, рассказать историю;

Используйте правильную визуализацию для отображения правильных KPI;

Всегда предоставляйте контекст данных для улучшения процесса принятия решений;

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

пользователям.

Если Вы в чем-то не нуждаетесь - не используйте это. Будьте простыми, ясными и точными.

Максимизируйте соотношения данных в цветах;

Не перегружайте приборную панель, используйте рабочее пространство с умом;

Стремитесь создавать простой и элегантный интерфейс. Никогда не забывайте о балансе,

последовательности и ориентации;

Проявляйте предельную осторожность даже в самых детальных данных.

Подходы к проверке целостности модели данных Проверка целостности модели данных:

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

логические ошибки. Для поиска логических ошибок обычно используется Set Analysis. Отображая

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

несоответствия данных и локализовать логическую ошибку (если такая имеется);

2. Проверьте каждую таблицу по количеству строк по сравнению с источниками данных;

3. Проверьте каждую таблицу по отдельности, чтобы избавиться от ассоциативных связей (я обычно

выгружаю каждую таблицу в QVD-файл и провожу визуальный анализ данных). Этот метод крайне

трудоемок, но очень эффективен для выявления проблемных полей в таблицах. Естественно, если Вы

формируете огромные наборы QVD-файлов, то Вам не нужно проверять каждую строку. Достаточно

бегло ("по-горизонтали") просмотреть 1 или 2 файла;

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

одинаков;

5. Информационная плотность менее 100% может свидетельствовать о том, что в таблице присутствуют

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

Исходные данные QVD файлы






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

модели. В рамках данной статьи я рассмотрю только установку нескольких свойств.

Установка фона для всего документа и для отдельных листов Установка фона для всего документа настраивается в свойствах документа: Settings -> Document Properties ->

General





Теперь по умолчанию у всех листов документа будет настроен наш фон:





Созданим еще один лист и зайдем в настройки основного листа:

Как мы видим, у листа есть свойство «Document Default». Выберем для текущего листа другой фон (например,

это будет главный дашборд в приложении QlikView):





Теперь у нас есть настройки по умолчанию и настройки для отдельного листа:

Дополнительно в свойстве документа произведем следующие настройки:





Теперь мы готовы к работе!

Если Вам нужен высококлассный специалист QlikView, который без лишней «мишуры» построит бизнес-

аналитику в организации, то переходите прямо сейчас на сайт http://qlikview.ivan-shamaev.ru

Визуальные элементы

Список Назовем один из листов «Фильтры» и рассмотрим создание объектов ListBox:






Как Вы уже, наверное, заметили – фон содержит полоски, которые визуально ограничивают пространство

рабочего листа. Данный прием позволяет красиво оформить рабочее пространство аналитика. Включаем

сетку, для удобства выравнивания.

Сверху расположим поля из Мастер календаря (Квартал и Месяцы). Создаем горизонтальный Список месяцев

(выбираем поле Month):





Переходим на вкладку “Presentation”:

Увеличиваем шрифт:





Далее на вкладку Caption:





Размещаем на линии нашего фона объект «Список»:

Далее по аналогии делается фильтр с кварталами (для ускорения можно скопировать объект для месяцев и

изменить некоторые настройки):





Создадим ListBox по компаниям-клиентам, при этом чтобы можно было раскрыть список на все пространство

рабочего листа:









Получили вот такой вот список:





При раскрытии списка, мы можем визуально найти компанию, либо воспользоваться поиском (значок

увеличительной лупы):





Аналогично добавим список с категориями товаров:

Блок статистики В статистическом блоке доступны следующие значения по выбранному полю:

Numeric count (Числовой счетчик)

Null count (Null счетчик)

Text count (Текстовый счетчик)

Total count (Общий счетчик)

Missing count (Счетчик пропущенных)

Sum (Сумма)

Average (Среднее)

Std dev (Стандартное отклонение)

Skewness (Ассиметрия)

Kurtosis (Эксцесс)

Min (Минимум)

Max (Максимум)

Only value (Только значение)

Median (Медиана)

Fractile (Квантиль)

Создадим объект «Statistics Box» для показателя продаж:





Задаем форматирование числовым показателям (количество знаков после запятой):





Размещаем на нашем дашборде (пусть для примера это будет правый верхний угол):





Мультисписок Создадим для примера multibox для номера недели:





Разместим multibox вверху фильтров:





Блок "Текущие выборки" Создадим объект «Current Selection Box», с помощью которого будем очищать те или иные выборки:

Разместим объект рядом с фильтрами:





Забегая вперед, создадим кнопку «Очистить все фильтры»:





Присваиваем действие, которое будет выполняться при нажатии на кнопку:

Итоговый результат:





Простая таблица





Диаграмма Рассмотрим простое использование объектов типа «Диаграмма». Продвинутое использование графических

компонентов будет рассмотрено в следующих главах:





Гистограмма





























Линейный график













Комбо диаграмма





















Диаграмма Радар













Сводная таблица

























Прямая таблица

















Чтобы увидеть преимущество данной таблицы, добавим с пустым label новую вычисляемую метрику:

Sum (Sales)













max(ALL Aggr(sum(Sales),Quarter, CategoryName))









Круговая диаграмма

























Сетка-Диаграмма





























Диаграмма Датчик

Возможные варианты отображения, существующие в диаграмме датчик:

Датчик предназначен для отображения значения одиночной меры и визуальной интерпретации этого

значения (относительно другого значения). Например, у Вас имеется плановые продажи и фактические. Для

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

одного из типов и при нормальном положении дел показывать зеленый цвет, а при плохом - красный.

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

В рамках обучающего примера возьмем такой показатель «Доля лучшей категории товара в общей сумме

продаж»:









=If( Aggr( Rank( Sum(Sales) ), CategoryName) <= 1, CategoryName)





Выражение

Формула:

Sum(Sales)/Sum(TOTAL Sales)

Label:

=concat( If( Aggr( Rank( Sum(Sales) ), CategoryName) <= 1, CategoryName) )

& ' = '

& sum({<CategoryName={$(=concat( If( Aggr( Rank( Sum(Sales) ), CategoryName) <= 1, CategoryName)

) )}>} Sales)

& ' рублей'





Presentation:

















Блочная Диаграмма













Диаграмма Воронка

Для построения диаграммы Воронка загрузим новые данные по каналам продаж (урезанный формат воронки

для примера):

[Воронка продаж]:

CrossTable(Channel_Sales, Value)

LOAD Показатели,

[Прямые переходы],

[Яндекс Директ],

[Google AdWords]

FROM

[C:\QV-Docs\Визуализация\Источники данных\Воронка продаж.xlsx]

(ooxml, embedded labels, table is [Данные для воронки продаж]);













=ValueList(

'CTR (просмотры -> посещения)',

'CV (посещения -> заявки)',

'CV (заявки -> продажи)',

'CV (посещения -> продажи)'

)













=if(

//CTR (просмотры -> посещения)

ValueList('CTR (просмотры -> посещения)', 'CV (посещения -> заявки)', 'CV (заявки ->

продажи)', 'CV (посещения -> продажи)') = 'CTR (просмотры -> посещения)',

//формула

sum({<Показатели={'Посещения'}>} Value)/sum({<Показатели={'Просмотры'}>} Value),

if(

//CV (посещения -> заявки)

ValueList('CTR (просмотры -> посещения)', 'CV (посещения -> заявки)', 'CV (заявки ->

продажи)', 'CV (посещения -> продажи)') = 'CV (посещения -> заявки)',

//формула

sum({<Показатели={'Заявки'}>} Value)/sum({<Показатели={'Посещения'}>} Value),

if(

//CV (заявки -> продажи)

ValueList('CTR (просмотры -> посещения)', 'CV (посещения -> заявки)', 'CV

(заявки -> продажи)', 'CV (посещения -> продажи)') = 'CV (заявки -> продажи)',

//формула

sum({<Показатели={'Продажи (кол-во)'}>} Value)/sum({<Показатели={'Заявки'}>}

Value),

if(

//CV (посещения -> продажи)

ValueList('CTR (просмотры -> посещения)', 'CV (посещения -> заявки)',

'CV (заявки -> продажи)', 'CV (посещения -> продажи)') = 'CV (посещения -> продажи)',

//формула

sum({<Показатели={'Продажи (кол-во)'}>}

Value)/sum({<Показатели={'Посещения'}>} Value)

)

)

)

)













Диаграмма Мекко













Точечная диаграмма









Цена

Avg(ProductPrice)

Количество проданных товаров

Sum (CountSales)

Сумма продаж

Sum (Sales)







Technology

дизайн документа Qlik view