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

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

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

Начни отсюда: https://xn--r1a.website/finebi_design/454
Download Telegram
Чем грозит несоблюдение правила близости?

Вас могут неправильно понять😁

Может быть, встречали еще примеры нарушения этого гештальт-принципа?

#fun #гештальтпринципы
😁16🔥4🆒3
Закрываем гештальт про гештальт-принципы

В предыдущем посте было упомянуто загадочное слово «гештальт-принцип».

Что же это такое?

Если коротко, то это правила, по которым наш мозг воспринимает визуальные объекты.

А если копнуть в историю, то⬇️

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

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

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

Психологи были немецкие, поэтому назвали эту теорию Gestalt — «образ, фигура, форма».

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

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

Позже гештальт-принципы стали применять в BI-отчетах при построении визуализаций.

Применяют все, применяю и я😊

Подборка моих постов про гештальт-принципы в графиках:

🔹Принцип близости
Элементы, расположенные близко друг к другу, воспринимаются как более связанные, чем те, которые расположены дальше друг от друга.

🔹Принцип сходства
Элементы, имеющие сходные визуальные характеристики, воспринимаются как более связанные, чем те, которые не имеют сходных характеристик.

🔹Принцип ограждения
Элементы, расположенные в одной и той же замкнутой области, воспринимаются как сгруппированные.

🔹Принцип замкнутости/завершения
Завершение происходит в мозге, когда объект является неполным или его части не окончены. Если информации достаточно, наш мозг заполнит пробелы и создаст единое целое.

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

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

Ставь
👍, если узнал про это впервые
🔥, если это знакомая информация

Посмотрим, кого больше!😉

#гештальтпринципы #теория #подборка #термин
Датавиз в BI • Алиса Ручкина
👍13🔥742
Квиз по контенту канала

Как насчет небольшой интерактивности?😉

Давайте проверим, насколько хорошо вы знакомы с контентом моего канала. А может, просто знаете ответы на 3 вопроса ниже.

Делитесь в комментариях к этому посту, на сколько вопросов вы ответили верно? Какой вопрос показался самым сложным?

В комментариях к каждому вопросу будет подсказка

#квиз
👍2🔥2
Кто написал книгу The Truthful Art: Data, Charts, and Maps for Communication?
Anonymous Quiz
12%
А. Ник Десбаратц
29%
Б. Эдвард Тафти
60%
В. Альберто Кайро
Пятничная разминка для шеи...

... или почему не рекомендуется поворачивать подписи на осях.

Ставь 👍, если размялся😁
#fun
😁18👍11
За все надо платить

Дашборды стоят денег, и для бизнеса это расходы💰

Как избежать лишних расходов на BI?
Как вообще определить цену данных?

Эти и другие вопросы будут подниматься на ежегодной онлайн-конференции Fine Day, которая пройдет уже в этот четверг, а именно 17/04 в 16 часов МСК.

Если интересно, регистрируйтесь по ссылке

Upd. Запись тут:
Rutube или ВКонтакте

Записи предыдущих онлайн-конференций:
Fine Day 2022
Fine Day 2023 + Fine Day 2024

#news #знания
👍42
Альтернатива столбчатому графику с накоплением

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

Инструкция для построения в FineBI тут🔗

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

Ставь 👍, если такой идеи раньше не видел!

#барчарт
👍22🆒41
This media is not supported in your browser
VIEW IN TELEGRAM
Графикам нужен воздух

Паддинги — это внутренние отступы от границ компонента до его содержимого.

Пустое место вокруг объекта выделяет его, поэтому внимание пользователя фокусируется на визуализациях📊📈📉

В дизайне свободное пространство, образующееся между, внутри или вокруг элементов, еще называют негативным пространством или «воздухом».

Таким образом, дашборд выглядит менее перегруженным.

Оцените в ролике разницу между настройками по умолчанию и увеличенными отступами 👀

Настройки находятся во вкладке Component Style > Component Padding, начиная с версии 6.0.15

#uxui #график #теория #термин
5🤩2🆒2😁1
Просто истории

Ребят, кто на пятидневке, ждете майских праздников?😊

Я — да, а то в феврале и марте праздников по сути и не было совсем в этом году.

И пока одна половина переносит задачи на «после майских», а вторая, наоборот, старается успеть все доделать, сегодня будет легкий контент и подборка моих историй:

🔹Как я участвовала в конкурсе отвратительных графиков

🔹Как я участвовала в конкурсе Make Your Data Speak Award

🔹Как я сделала дашборд без дашборда

🔹Как FineBI появился в моей жизни

А вы уже придумали, чем заняться на майских?

#подборка #coolstory #fun
😁74🔥4
Польза от канала

Хочу поделиться радостной новостью — мне самой пригодился мой канал! Вот неожиданность😅

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

А вам был полезен мой канал хотя бы раз?

Поделитесь в комментариях примером или ссылкой на самый полезный пост, мне будет очень приятно❤️

P.S. Мемы тоже считаются, психологическая разгрузка — это стопроцентная польза!

#ленточный
🔥184❤‍🔥3
настенька и графики
Tableau конференция 2025 Dev on Stage обещают 🎨 Более простой импорт палитр цветов, еще и с AI погенерить можно 🔘 Закругленные углы в дэшах)) После этого, думаю, перестанут делать так много подложек в фигме с кругляшами 🗑 Корзина, в которую будут попадать…
Интересные новости датавиза в BI:
В Tableau добавят закругленные углы для графиков на дашборде и корзину для удаленных дашбордов


Это FineBI похож на Tableau или Tableau на FineBI?😁

Для контекста - закругления в Файне были с самого появления на российском рынке, а корзина появилась в 6 версии весной 2023 года

#news
😁9👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Верстка дашборда в FineBI, когда добавил любой компонент на вкладку Tab-компонента💔

#fun😄
Please open Telegram to view this post
VIEW IN TELEGRAM
😁19💯2
Неочевидные возможности: 3 кнопки в FineBI, которые ты мог не заметить (часть 1)

Они всегда были рядом… но ты их игнорировал🙈

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

Было такое? Напиши в комментариях про свои находки, а я расскажу про функции, которые легко не заметить:

1️⃣ Lineage View

В любой рабочей книге (Subject) по кнопке Lineage View можно узнать родословную дашборда и откуда растут ноги у графиков.

В версиях 6.0+ название этой функции явно прописано в интерфейсе, но начиная с версии 6.1 остался только значок «развилки».

2️⃣ Data Details

В разделе датасетов Public Data по кнопке Data Details можно быстро узнать количество столбцов в датасете и не считать их вручную.

3️⃣ Component Information

С помощью этой кнопки пользователь может самостоятельно при просмотре дашборда узнать, когда был обновлён датасет для конкретного графика, и не ждать ответа от BI-разработчика.

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

А какие мини-открытия в FineBI делал ты?

➡️ Перейти к части 2
#база
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥4👍2
Такие разные форматы дат

Увидела в статье на Хабре картинку, которая здорово передает различие форматов😁

Какой формат даты лучше использовать, по мнению автора статьи?

1️⃣ YYYY-MM-DD (ISO 8601)

Для хранения и передачи данных:
• Базы данных
• API и серверные логи
• Финансовые и бухгалтерские системы

2️⃣ Формат с текстовым месяцем (17 Jan 2025 или 17 января 2025)

Для интерфейсов:
Дашборды и аналитические отчеты (это наш случай в BI)🌟
• Интерфейсы с датами (бронирование, календари, графики)
• Мобильные приложения

3️⃣ Относительные даты (сегодня, вчера, 3 недели назад и т.п.)

Для удобства пользователей, если нужен более человечный формат:
• Новостные ленты и чаты (Telegram)
• Списки транзакций (банковские приложения)
• Ленты уведомлений

Ставь 👍, если используешь в FineBI формулу с Switch для перевода номера месяца в текст!

#uxui
👍9😁3🆒2
Пятничные пироги

📊Люблю все систематизировать, поэтому сделала подборку забавных пайчартов.

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

Давайте проведем опрос, какой пайчарт зашел больше всех?

Голосуем!⬇️

#пайчарт #fun #подборка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
😁25🔥5