Датавиз в BI • Алиса Ручкина
2.21K subscribers
365 photos
26 videos
1 file
272 links
Графики, дашборды, датавиз 📈

Канал Алисы Ручкиной о разработке дашбордов, визуализации данных и секретах китайской BI-системы FineBI.

По вопросам рекламы и сотрудничества: @alisaruchkina

Начни отсюда: https://xn--r1a.website/finebi_design/454
Download Telegram
Используем принцип связанности (connection)

Принцип связанности (соединения) применяется для объединения неколичественных данных. Например, для представления отношений между этапами процесса или между сотрудниками организации...или для соединения временных периодов в привычном линейном графике!

#uxui #гештальтпринципы
Группировка компонентов в FineBI для соблюдения правила близости

Про принцип близости я писала здесь (кстати, остальные можно найти по хештэгу #гештальтпринципы).

К чему это я?
Среди фишек версии 6.0.15 есть опция группировки компонентов на дашборде с помощью Combine: при объединении компонентов интервал между ними исчезает и мы воспринимаем разрозненные блоки как что-то общее, объединенное одной темой. Такая группировка помогает верно воспринимать информацию и облегчает восприятие.

В ролике приведен пример объединения различных компонентов в смысловой блок Turnover (Отток).

Кстати, это дашборд, который я делала для участия в конкурсе Make Your Data Speak — вот ссылка на дашборд. Данные были предоставлены организаторами. К сожалению, рассказать вам об успешном успехе не получилось: в шорт-лист меня не взяли, обратной связи не было.

В любом случае всегда есть куда расти!
Если вам интересно узнать немного про опыт моего участия в этом конкурсе, ставьте 👍

#практика #дашборд #uxui
👍13
Сертификация FanRuan FineBI

Есть 2 уровня сертификации FineBI: Associate (FCA) и Professional (FCP). В документации об этом написано здесь. А еще я видела инструкцию на русском языке про получение сертификата FCP по этой ссылке.

Один из участников FineBI-чата @TarasNavakhatska сдал экзамен на уровень Associate — мне стало любопытно узнать его впечатление, и Тарас ответил на несколько моих вопросов.

🎉Представляю первое #интервью в канале⬇️

1. Почему ты решил получить сертификат Associate и идешь в сторону сертификации Professional?
Люблю учиться и осваивать новые горизонты. Безусловно, только практическое освоение инструмента (работа на проектах, самостоятельные исследования и т.д.) делает из тебя специалиста. Но сертификация позволяет продемонстрировать твою компетенцию также в глубоком понимании теоретической части, в твоей способности учиться, заинтересованности и мотивации (затраты времени на подготовку и сдачу и т.д.). Считаю, что она является неотъемлемой частью специалиста, работающего с данным продуктом. Плюс, при прочих равных, наличие сертификата выделяет тебя среди остальных разработчиков в доменной сфере).

2. Какой опыт работы в FineBI у тебя был на момент сдачи экзамена Associate?
Опыт работы пару месяцев.

3. Было ли сложно? Как бы ты оценил сложность по шкале от 0 до 5?
Поскольку я не знаю на какие ответы я ответил правильно, на какие нет, то оценить на 100% не могу. В сертификации FCA (Fine BI associate начального уровня) есть простые вопросы по типам данных, соединений. Если ранее работал с каким-либо BI инструментом, то данные вопросы не вызывают затруднений. Но есть и не совсем имеющие отношение к разработке в прямом смысле этого слова (например, что хранится в такой-то директории, или какой дефолтный адрес платформы FineBI).

4. Какой источник информации оказался для тебя самым полезным для сдачи экзамена?
Из источников информации: по практической части — это работа на проекте, когда при решении конкретной задачи нужно изучать документацию, помощь комьюнити. Из видеоматериалов: короткие видео от Glowbyte и более серьезные от BI-Consult. Также можно смотреть обучалки от вендора на английском языке (но мне не понадобилось😊)

5. Было ли что-то, что тебя удивило при сдаче экзамена?
При сдаче экзамена удивило то, что экзамен был для 5 версии продукта, а я в работе использовал версию 6.0. Были отличия в терминологии — например вместо join было left-right merge.

6. Что бы ты пожелал пользователям FineBI, которые хотят получить сертификацию Associate?
Желаю действовать😊. Любой экзамен - это челлендж, который стоит принимать. Удачи!
🔥8👍5
Про участие в конкурсе Make Your Data Speak Award. Часть 1

Спасибо тем, кто проявил активную заинтересованность и поставил 👍 на этот пост! Для вас я записала отчет про то, каким было мое участие.

Этот конкурс приурочен к международной конференции Make Your Data Speak. Более подробно можно почитать на сайте по этой ссылке. В этом году было 2 номинации: «Дата-арт и сторителлинг» и «Бизнес-дашборды» (домены: HR, Продажи, Производство, Маркетинг, Онлайн-кинотеатр и Свои данные). На сайте написано, что позволяется использовать любой BI-инструмент. А на платформе с заданиями добавлено, что предпочтительны BI-системы (PowerBI, QlikView, Tableau).

29.03 я оплатила регистрационный взнос (в переводе на рубли 2306 р.) и получила доступ к платформе с заданиями. Выбрала номинацию «Бизнес-дашборды», домен HR и скачала предложенный Excel-файл из 1000 строк.

01.04 начала изучать датасет, делать варианты визуализаций, стараться найти закономерность. Поняла, что данные сгенерированы рандомным образом и нужно действовать по-другому.

02.04 пошла с другого конца и начала думать, как заказчик — заказчиком по заданию был генеральный директор.
Какие вопросы нам интересны? Какие показатели нужно отслеживать?🧐

Чтобы вдохновиться, я посмотрела дашборды этого конкурса предыдущего года и что есть в Tableau Public на тему HR. Существенным ограничением для визуализации была статичность данных в исходном датасете: в нем не было ни одного столбца с датой, поэтому графики с динамикой мне были недоступны.

📊В результате я определилась со списком KPI и видами графиков.

03.04 сделала драфт дашборда в привычной триальной версии FineBI, развернутой локально. Затем я вспомнила, что видела в документации ссылку на онлайн-версию FineBI, и мне захотелось ее опробовать.

04.04 в онлайн-версии FineBI я построила чистовой дашборд.

05.04 настроила кросс-фильтрацию графиков с помощью линкейджей, написала вспомогательные подсказки для управления кликабельностью и исправила текст во всплывающих подсказках.

08.04 поправила шрифты, выровняла текст, добавила картинки. Подобрала цвета с помощью сервиса colordesigner.io.

09.04 проверила на другом ноутбуке, как смотрится дашборд по публичной ссылке, и отправила результат.

15.04 получила сообщение от менеджера, что работа принята.

20.04 не увидела себя в шортлисте. Конец! 😀

Продолжение дальше⬇️

#coolstory #дашборд
7
Про участие в конкурсе Make Your Data Speak Award. Часть 2

🤔 Что полезного я вынесла?

Первое. Надо иметь под рукой солидный пет-дашборд, построенный на качественных данных по впечатляющей теме:
🔹Данные должны быть такими, чтобы можно было построить разнообразные виды графиков, в том числе сложные
🔹Если нет дедлайна, легче дышится и можно уделить дашборду больше времени

И второе. Я открыла для себя триальную онлайн-версию FineBI. В следующем посте я поделюсь инструкцией, как к ней подключиться. Оказывается, в ней можно делиться дашбордами с другими пользователями с помощью опции Совместная разработка/Collaboration. Upd. 12/09: После обновления до версии 6.1 опция совместной разработки стала платной с бесплатным тестовым периодом 1 месяц.Upd. 30/11/2024 Совместная разработка на портале pcdemo доступна бесплатно🙂

А пока чтобы разнообразить многобуквенное повествование, добавляю гифку: при нажатии на логотип в правом верхнем углу дашборда вы перейдете на этот канал в Telegram. Реализовано с помощью Image component + добавление ссылки.

#coolstory #дашборд
👍2
Инструкция, как получить доступ к триальной онлайн-версии

1️⃣ Зарегистрироваться в Fanruan Community, например по этой ссылке: выбрать Sign Up, где в появившейся форме ввести имя, телефон, email и пароль.

2️⃣ Получить логин и пароль на указанную почту в формате:
Hi XXX,
Your FanRuan Overseas ID registration have been completed.
You can sign in to your account with the following information:
Username: XXX
Password: XXX
or
Email: XXX
Password: XXX
The sign in link is https://fanruanclub.com/login/signin?lang=en

3️⃣ Ввести полученный логин и пароль при входе на портал по ссылке https://pcdemo.finebi.com/webroot/decision/ — это китайский стенд. Есть англоязычный демостенд: https://endemo.finebi.com/webroot/decision/

☝️Бывают и сбои: например, я ловила ошибку нджинкса. Значит, пора сделать перерыв и попить чай. Или установить FineBI локально😁

#знания
4🔥2
Полным ходом идет подготовка к Fine Talks...

... присоединяйтесь в следующую пятницу к онлайн-встрече дискуссионного клуба✌️

Дата и время: 31 мая в 16:00 (МСК)
Регистрация по ссылке: https://clck.ru/3AcanG. Запись тут

#news
4
Бампчарт (он же рэнкчарт)

Это специализированный линейный график, который отображает, как меняется относительное положение (ранжирование) категории с течением времени.

В отличие от обычного линейного графика, на оси Y вместо меры используется ранг — по-английски rank, поэтому пошло название rankchart. А его синоним bumpchart берет свое начало от лодочных гонок Bumps race.

Классический бампчарт состоит из двух графиков: линий и кругов, которые совмещаются на единую ось. В то же время график может не содержать дополнительных кругов, но линии являются обязательными: благодаря им мы следим за изменением рейтинга. И линии, и круги основываются на вычислении ранга по значениям.

#бампчарт #теория #термин
This media is not supported in your browser
VIEW IN TELEGRAM
Для построения бампчарта в FineBI нужно:
🔹Вычислить ранг с помощью функции Rank_anls
🔹Выбрать тип графика Custom Chart, тип визуального кодирования Line
🔹Добавить измерение в свойства графика (например, в Color)
🔹Направить вертикальную ось в противоположную сторону: в настройках оси выбрать Axis Reverse

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

Чтобы усложнить сам график и сделать его информационно насыщеннее, читай следующий пост⬇️

#бампчарт #интерактивность #практика
Датавиз в BI • Алиса Ручкина
👍3
Усложнение бампчарта

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

А если еще закруглить линии, то результат получится почти как у дата-журналистов в Тинькофф-журнале: ссылка на пост Алексея Смагина с подобным графиком.

#бампчарт
🔥5
Ленточный график (ribbon chart)

Такой тип визуализации хорошо знаком пользователям Power BI — Ribbon chart есть «из коробки».

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

Чтобы построить его в FineBI, для начала создадим диаграмму с областями. Затем в 2 шага превратим Area chart в ленточный график:
🔹Включаем накопление: Enable Stacking
🔹Сортируем измерения в Color по мере

Однако есть одна особенность: сортировка измерений в легенде выполняется не по алфавиту, а соответственно выбранной настройке по мере, без которой не будет такого графика. Поэтому если в легенде нужно расположить категории в алфавитном порядке, то можно добавить текстовый блок с квадратами (■), например.

#ленточный #практика
Датавиз в BI • Алиса Ручкина
3👍3👏3
Летние каникулы

Ура, наступило лето! ☀️

Я, возможно, вернусь с новыми силами осенью, а пока предлагаю использовать канал как площадку для ваших публикаций на тему визуализации данных в FineBI.

📈 Вы сделали необычный график или потестировали редко используемые настройки?

💡 Узнали что-то новое или систематизировали уже известное?

🤩 А может, был интересный кейс, о котором хотелось бы рассказать, но не готовы публиковать полноценную статью на Хабре?

Если у вас есть желание поделиться знаниями с другими пользователями FineBI и оставить след в канале, пишите в лс @alisaruchkina. С меня: отметка вас как автора поста и (по желанию) рекомендации по редактуре текста и визуального сопровождения.

Давайте творить вместе!
🤝5😭1
Как понять, что вы правильно визуализировали данные

Когда я оцениваю графики, то всегда начинаю с вопроса: какая была цель? Все дизайнерские решения должны работать именно на неё.

Рассмотрим этот принцип на примере. Вот — две картинки, на которых показаны разные составы Госдумы. Очевидно, задача авторов — помочь читателям сравнить присутствие разных партий в парламенте. Какой из вариантов позволяет вам сделать это быстрее?

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

Второй график — более удачный, хотя и не самый лучший. Например, я не уверен, что здесь стоило показывать долю от 100%.

Вот главные признаки верно выбранного типа визуализации:

1. График решает задачу (сравнить одно с другим, увидеть рост или падение чего-либо, оценить масштабы чего-либо),
2. Из графика можно сделать вывод — ответить на внутренний вопрос «И что?»,
3. График не надо долго изучать, чтобы понять, какую задачу он решает и какой вывод транслирует.

А как бы вы визуализировали такие данные? Пишите в комментариях, что бы поправили.
О пропорциях линейных графиков ⬇️

Прошел год, но актуальность темы кажется вечной. Плюс запись дискуссии Романа Бунина и Александра Богачева на Youtube по этой ссылке.
#dataviz
👍1
Forwarded from Reveal the Data
📈Пропорции графиков
Недавно столкнулся с частой ошибкой и чуть не сделал неправильный вывод из графика. Посмотрел на график и подумал — «О, метрика почти не меняется!», а затем попробовал другую пропорцию чарта и понял, что на самом деле это не так и метрика падает. Возникают такие ошибки из-за искажения восприятия лайн-чарта при разных его пропорциях. Посмотрите сами на картинке:
1️⃣ График слишком плоский. Кажется, что метрика почти не меняется. Именно с этим графиком я чуть не ошибся.
2️⃣ График слишком высокий. Кажется, что метрика очень сильно шумит, а падение более драматичное, чем есть.
3️⃣ График — то что надо. Видна и общая динамика, и сезонность внутри недель.

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

Сложный способ
Используя технику «banking to 45º» из книги Вильяма Кливленда, когда мы стремимся к тому, чтобы средний угол наклона всех кусочков линий, соединяющих точки был равен 45°. Но для этого надо рассчитать средний угол, что звучит непросто, есть даже целая 🤓 научная статья со сложными формулами.

Простой способ
Делайте лайн-чарты примерно с соотношением 16:9, тогда скорее всего пропорции будут подходящие. Но чем больше точек, тем обычно «длиннее» должен быть график. Ну или просто не забывайте про особенность этого типа графиков и пробуйте разные пропорции, когда делаете дашборд.

П.С. Очень показательно, как даже такая мелочь, как пропорции графика может повлиять на качество дашаборда.
П.П.С. Как отмечают в комментах, непонятно, что делать когда пользователь ставит разные фильтры дат. Это и правда проблема и хорошего решения не знаю 🤷‍♂️
#наблюдение
3
Пост с полезными ссылками по датавизу

Знаете ли вы про карточки визуализации от DataYoga? Если нет, то вот они. Это подборка разных видов диаграмм с описанием в зависимости от задачи визуализации.

Для тех, кто знает, ЧТО делать, и хочет знать КАК, пригодятся датавиз-стратагемы от DataYoga. На доске в Miro собраны полезные советы для эффективной визуальной передачи данных с эстетичными понятными примерами. Можно бродить по ней долго и не раз😍

Рекомендацию "Сравнивайте самое важное" я применяла на практике в виде интерактивной сортировки мер для диаграммы с накоплением в этом посте.

И кстати говоря о предыдущих постах: к одному из них набралось 20 реакций, и я, как обещала, добавила в комментарии pdf-файл с книгой Альберто Кайро "The Truthful Art: Data, Charts, and Maps for Communication".

#dataviz #знания #подборка
👍31
F/Z паттерны vs верстка дашборда "по-китайски"

🤓 F- и Z-образные паттерны отражают способ сканирования глазами пользователей во время просмотра веб-страницы. Оба паттерна основаны на понимании того, как пользователи сканируют информацию и где они обычно ожидают найти ключевые элементы на странице.

В "прожарке" на FineTalks 31/05 Наталья Киселева зорко отметила, что нередко в китайских демо-дашбордах блоки расположены симметрично от центра и основное внимание уделяется центральной части.

Мое расследование выявило, что на сайте FineReport в статье "Как спроектировать дашборд" рекомендуют располагать важную информацию сверху или по центру, потому что люди читают сверху вниз и расположение в середине является предпочтительным — о как🤔

#chinaviz #дашборд
🔥61