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

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

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

Начни отсюда: https://xn--r1a.website/finebi_design/454
Download Telegram
Взять от документации всё. Часть 1

Для того чтобы использовать документацию FineBI по максимуму, нужно зарегистрироваться в Fanruan Community, например по этой ссылке и получить логин/пароль. Он приходит на почту примерно в течение 24 часов после запроса на регистрацию. Upd.16/03/2025: процесс регистрации может изменяться в зависимости от политики Fanruan.

Итак, какие же возможности есть?

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

2. Начните со стартовой страницы, где собраны основные материалы для начального изучения FineBI.

3. Для более глубокого погружения научитесь ориентироваться в навигации слева.

4. Используйте опцию поиска в правой верхней части веб-страницы.

5. Отслеживайте последние изменения в блоке Latest Updates справа.

Продолжение в следующем посте⬇️
#база #знания
6
Взять от документации всё. Часть 2

6. Если важна наиболее полная версия документации, тогда используйте версию на китайском языке по этой ссылке. Статьи переводят на английский с задержкой.

7. Для перевода с китайского языка включите в браузере переводчик. Чтобы перевести не только текст, но и картинки, выбирайте Яндекс-браузер.

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

9. Читайте комментарии к статьям и задавайте вопросы.

10. Критически подходите к написанному в документации — возможны случаи, когда описан не самый оптимальный вариант решения.

➡️ Ссылка на виртуального помощника в этом посте

#база #знания
👍54
Новость про некорректное отображение чисел меньше единицы

В реестре ответили по поводу некорректного отображения чисел с дробной частью в случае если они меньше единицы (id 10386) — см. перевод на картинке⬆️

А обычно обходим это снятием галочки Permille Sign в Value Format.
#news
👍2🔥1
Порассуждаем о дашбордах и не только на ретрите с FineBI

Друзья, я принимаю участие в образовательном ретрите от DataYoga и Glowbyte, который проходит с 16/09 до 27/09. Завтра в материалах дня вы увидите мою статью, а в 17 часов встретимся в эфире и поговорим на тему дашбордизма и не только.

Если вы еще не регистрировалиcь, то сделайте это по ссылке. По прошедшим дням уже есть записи и материалы, они собраны в Книге Ретрита.

А пока я подготовила список того, что полезно проверить перед публикацией дашборда. См. ниже мой чек-лист⬇️
#эфир #news
👍3
Чек-лист перед публикацией дашборда в FineBI

📄Общий вид

1. Компоненты на дашборде сгруппированы по смыслу и расположены логично.
2. У дашборда и графиков есть заголовки.
3. Термины, используемые на дашборде, должны быть понятны пользователю.
4. Явно обозначен отчетный период (например, в заголовке) или фильтр периода находится на видном месте.
5. Сняты линкейджи, если они не требуются (для этого проверяем, что над дашбордом нет слов Clear all linkages).
6. Названия отображены полностью без полос прокрутки или многоточий.
7. Если графики построены на разных источниках данных, проверяем, что фильтры настроены для всех из них.
8. Джампы и ссылки работают корректно.

📈Графики

1. Оси подписаны или в заголовке написано, что отображено на графике.
2. Указаны единицы измерений.
3. Для меток данных выбрана настройка Hide overlapping labels, чтобы они не накладывались друг на друга.
4. Во всплывающих подсказках и на графиках технические названия заменены на осмысленные формулировки.

🔹Дизайн

1. Используется минимальное количество шрифтов (рекомендуется не больше двух).
2. Структура дашборда подкрепляется визуально с помощью иерархии шрифтов (от большего размера к меньшему).
3. Точность чисел не выше, чем требуется (показатели округлены). Большие числа сокращены до тыс., млн, млрд и т.п..
4. Цвета на дашборде имеют смысл.

#дашборд #знания #база
Датавиз в BI • Алиса Ручкина
👍124🔥3
Статьи на Хабре про FineBI

Работа с данными
FineBI: Обработка данных для начинающих пользователей
FineBI 6: Обработка данных для начинающих пользователей — 2
Аналог Tableau LOD в FineBI: 15 типичных кейсов (примеры использования функции DEF)

Построение дашбордов
Гайды по сборке дашбордов были в этом посте
Статья по настройке Jump
Динамическая фильтрация данных (tab-компонент и параметр)

Специализированные темы
Использование API в FineBI
Геоаналитика в FineBI
Использование плагинов
Как обойти подводные камни FineBI для грамотной визуализации данных
Проведение корпоративного марафона по FineBI

Про администрирование и мониторинг
Внутренняя БД FineBI и аналитика BI-системы
ПИКантная миграция: путь от Tableau к FineBI
Как настроить подключение к ClickHouse в FineBI V6.0?
FineBI-g brother is watching you: как мы начали анализировать действия пользователей в Fine часть 1
FineBI-g brother is still watching: как мы усовершенствовали мониторинг часть 2
Кстати, мониторинг обсуждали на стриме про аналитику FineDB и LogDB (ссылка на запись в Youtube)

Под капотом
• 08.2024 Spider — всё! Новый движок Polars: прорыв в скорости работы FineBI 6.1
• 12.2022 Китайский “Спайдермен”, или Как работает движок FineBI

Про обновления

FineBI 6.0: 9 полезных обновлений, о которых вы не знали
FineBI 6.0: Укрощение строптивого
FineBI под микроскопом: Обзор новых функций и улучшений в Q1 2024

#знания #подборка
Датавиз в BI • Алиса Ручкина
4👍3
Вредные советы датавиза на практике

Примеры графиков с ошибками в визуализации, сгруппированные по блокам и с указанием причин⬇️
#dataviz
Совершенно потрясащий сайт Misinformed By Visualization

Внутри автор Leo Yu-Ho Lo собрал случаи, когда графики вводят нас в заблуждение. Все разделено на основные категории ака причины, по которым графики могут врать:
1. Исходные данные - проблемы с данными или статистикой, которую мы рассчитываем.
2. Дизайн визуализации - неудачный выбор типа графика, настройки осей или неправильное использование цветов.
3. Построение графика - проблемы с расположением или отсутствие важных элементов графика.
4. Восприятие - Визуальные иллюзии, такие как 3D-эффекты, кодирование областей или неправильное использование соотношений площадей.
5. Интерпретация - вводящий в заблуждение текст, некорректные сравнения или ложные корреляции.

Прям очень советую потыкать. Работа огроменная.
🔥6👏1
Статья про грамотное использование FineBI для визуализации данных

Сегодня на Хабре появилась моя первая статья, и она посвящена, конечно, визуализации данных в FineBI.

Вот ссылка🔗

В статье собраны самые важные мысли из моего выступления на FineTalks 31/05, а именно, как обойти подводные камни FineBI для грамотной визуализации данных.

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

#news #dataviz
👍81
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивный выбор типа графика

Про выбор типа диаграммы не писал только ленивый. Если вы вдруг еще не сталкивались с этой темой, то для ознакомления делюсь ссылкой на постер от Александра Богачева, который помогает выбрать тип графика. Upd. 09/12/24 В связи с тем, что Ноушн приказал долго жить, постер с выбором графиков теперь здесь.

А что если пользователь дашборда изъявляет желание изменять тип графика самостоятельно?

В FineBI это возможно реализовать разными способами. Например, с помощью нескольких компонентов с вариантами визуализаций, размещенных во вкладках TAB-компонента.

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

В следующем посте рассмотрим, как устроена такая реализация «под капотом»⬇️

#интерактивность #график
👍5
Как настроить интерактивный выбор типа графика

1️⃣ На дашборде создаем текстовый фильтр-компонент с одиночным выбором и кастомизированным списком из названий типов графиков

2️⃣ В компоненте:
🔹 Создаем текстовый параметр «Тип графика».
🔹 Создаем столько мер, сколько требуется графиков.
Для каждой меры используем формулу с параметром и соответствующим названием графика:
- либо через функцию IF:
IF(${Тип графика} = "Столбиковая диаграмма", ${Показатель}, null)

- либо с помощью деления на ноль:
${Показатель}/(${Тип графика} = "Столбиковая диаграмма")

🔹 Выбираем тип компонента Custom chart и добавляем созданные меры на вертикальную ось.
🔹 Выбираем для каждой меры свой вид визуализации.
Выбор визуализации ограничен списком видов визуального кодирования в настройках Custom Chart.
🔹 Настраиваем дизайн: сетка, метки данных, подписи на осях и др.
Чтобы в компоненте отобразился график, в параметре «Тип графика» нужно вписать его название.

3️⃣ Возвращаемся на дашборд и привязываем фильтр к параметру.

#интерактивность #график #практика
8
Местоположение фильтров на дашборде

Удобная памятка с вариантами расположения фильтров на дашборде ⬇️

Все варианты актуальны для FineBI, кроме №5, потому что нет опции скрытия фильтров.

В случае создания дашборда с прокруткой вниз может быть полезна панель для фиксации фильтров Frozen Bar of Filter Component (начиная с версии 6.1.1).

#дашборд #uxui
👏1
Forwarded from Data-comics
Куда размещаете фильтры на дашборде?

1) Меня долго волновал вопрос: слева или справа? Нашла такое мнение: если фильтры используются активно, но отчетом пользуются нечасто, при открытии пользователь должен "вспомнить" про них. Фильтры слева.

2) Фильтры используются активно, а дашборд используется часто, пользователю не нужно вспоминать каждый раз про функционал - панель можно убрать вправо.

3) Используется для листов с детализацией, где без фильтров вообще делать нечего.

4) Компактный вариант - хорош для высокоуровневых дашбордов, когда фильтров мало и они влезают в строку заголовка. Часто это дата/месяц/год.

5) Скрытые фильтры. Фильтров много, используются редко. Панель фильтров появляется по кнопке, а потом скрывается.

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

Что добавите?
Какие варианты сами любите?

ПС: В комментах случайная фансервис-картинка (простите 😂)
4👍4
JPEG или PNG?

Для добавления картинок на дашборде в FineBI предназначен Image component. Доступны 4 варианта форматов: JPEG (в документации JPG), PNG, BMP и GIF. Наиболее популярными форматами являются JPEG и PNG.

Чем они отличаются и какой лучше выбрать?

JPEG — это формат изображения, разработанный группой экспертов Joint Photographic Experts Group, чтобы задать стандарт для сжатия фотографий. В процессе сжатия изображения некоторые данные удаляются, чтобы уменьшить размер файла, но для глаз это не сильно заметно. Так они занимают меньше места, чем изображения в формате PNG, но если у изображения есть четкие линии, JPEG сделает их слегка нечеткими.

PNG (Portable Network Graphics, переносимая сетевая графика) — это формат изображения, использующий сжатие без потерь, что означает, что данные не теряются при сжатии файла и изображение сохраняет первоначальное качество.

☝️ Для иконок и логотипов лучше выбрать формат PNG, чтобы сохранить исходную четкость каждого пикселя, как в примере справа.

#uxui
👍12
Чем JPEG отличается от JPG?

Ничем, кроме наличия в названии дополнительной буквы, потому что формат изображения одинаковый — JPEG.

🤓 Дело в том, что в старых операционных системах расширения файлов могли иметь длину лишь в 3 символа .jpg. Сейчас (при современных ОС) это неактуально и расширение можно указывать так, как этот формат называется официально .jpeg. Тем не менее, вариант JPG по привычке продолжает употребляться параллельно с JPEG.

Если это для тебя новая информация, ставь 👍! (я поставила)

#uxui
👍23
Документация на русском языке⬇️
#база #знания #news
Forwarded from Эксперты FineBI
🚀 Друзья!

Мы рады сообщить, что компания BI Consult завершила полный перевод документации по продукту FineBI на русский язык! 🥳

📚 Это более 2000 страниц самой полной версии документации на китайском языке, теперь доступной для всех.

📖 В документе вы найдете:

▫️Базовую информацию о продуктах FanRuan
▫️Функции (описания, примеры)
▫️Обработку данных и управление наборами данных
▫️Визуализации
▫️Конфигурации и архитектуру
▫️Сценарии работы системы
▫️Развертывание и администрирование
▫️Интеграцию
И многое другое!

🌐 Ознакомиться с документацией можно здесь.

Теперь изучать FineBI стало еще проще и удобнее! 😊
🔥13👍7👎21🥴1
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивная смена единиц измерений на дашборде

📊 Дашборд с фильтрами, отображающий данные в различных срезах, — это изменяющийся объект. Данные варьируются не только из-за их обновления, но и при выборе другой детализации.

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

💡А что если пользователь будет самостоятельно выбирать единицы измерения при просмотре дашборда?

Это можно настроить таким же образом, как другие интерактивные функции (ограничение выборки, сортировка, подсветка цветом) по шагам:
1️⃣ На дашборде создаем фильтр с кастомным списком
2️⃣ В компоненте создаем параметр
3️⃣ Создаем вычисление с использованием функции SWITCH, параметра и условия для значений в кастомном списке
4️⃣ В фильтре привязываем параметр

Полная запись отдельным файлом ⬇️

Upd. А еще можно использовать такую настройку для перевода единиц измерения (например, метры/футы или цельсии/кельвины)

#интерактивность #практика
🔥91👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Настройка интерактивности

Аналогичным образом можно добавить переключатель «Показывать/Не показывать метки данных». Если по умолчанию их не показывать, то возможно пользователь постепенно привыкнет воспринимать данные визуально на графиках, а не анализировать числа, как в таблицах Excel — это моя гипотеза, научных исследований не проводилось.

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

#интерактивность #практика
9🔥2