Ось со шкалой справа
В одной из статей эксперта по визуализации данных Lisa Charlotte Muth я встретила рекомендацию располагать ось с отметками шкалы справа.
С точки зрения оптимизации пользовательского пути это объяснимо. Например, мы отслеживаем динамику показателя и нам прежде всего интересны наиболее актуальные данные. Поэтому мы сразу бросаем взгляд в конец графика, где находится последний столбик и, как в данном случае, быстро соотносим высоту цветных блоков со шкалой.
В FineBI это реализуется легко: для этого достаточно выбрать
Кажется, что это слишком инновационно для бизнес-среды и целевой аудитории дашбордов, но выглядит эффектно.
Другие рекомендации Lisa Charlotte Muth по визуализации данных можно найти в одном месте — сборнике бестпрактик инфодизайна от Анастасии Кузнецовой и Александра Баракова. Кроме того, в этом сборнике есть рекомендации другого датавиз-эксперта Aurélien Vautier. Полезная подборка с наглядными примерами✌️
#dataviz #график
В одной из статей эксперта по визуализации данных Lisa Charlotte Muth я встретила рекомендацию располагать ось с отметками шкалы справа.
С точки зрения оптимизации пользовательского пути это объяснимо. Например, мы отслеживаем динамику показателя и нам прежде всего интересны наиболее актуальные данные. Поэтому мы сразу бросаем взгляд в конец графика, где находится последний столбик и, как в данном случае, быстро соотносим высоту цветных блоков со шкалой.
В FineBI это реализуется легко: для этого достаточно выбрать
Right-Value Axis в настройке оси меры Set Value Axis. Кажется, что это слишком инновационно для бизнес-среды и целевой аудитории дашбордов, но выглядит эффектно.
Другие рекомендации Lisa Charlotte Muth по визуализации данных можно найти в одном месте — сборнике бестпрактик инфодизайна от Анастасии Кузнецовой и Александра Баракова. Кроме того, в этом сборнике есть рекомендации другого датавиз-эксперта Aurélien Vautier. Полезная подборка с наглядными примерами✌️
#dataviz #график
🔥4
Ось для мер в версии 6.0.16
🧐 Если вы обновились до версии 6.0.16, то возможно, тоже заметили, что при добавлении меры (зеленой пилюли) ось со шкалой не появляется автоматически, как было раньше.
Дело в том, что логика отображения оси для мер немного изменилась.
✅ Теперь необходимо добавить на визуализацию поле
#хак
🧐 Если вы обновились до версии 6.0.16, то возможно, тоже заметили, что при добавлении меры (зеленой пилюли) ось со шкалой не появляется автоматически, как было раньше.
Дело в том, что логика отображения оси для мер немного изменилась.
✅ Теперь необходимо добавить на визуализацию поле
Indicator Name из раздела Cross-Table Field. Это поле, которое автоматически создается FineBI.#хак
👍6
Еще один пример реального дашборда в FineBI
В одном из BI-чатов поделились примером реального дашборда с китайского завода.
В графиках с динамикой и таблицах мы видим привычную светофорную раскраску. Увеличение показателя выделено зеленым цветом, и судя по стрелке вверх и значениям больше 100%, можно предположить, что это позитивное изменение, а уменьшение показателя отмечено красным цветом.
Выходит, что наблюдения насчет "обратной" светофорной индикации из предыдущего поста на эту тему не 100%-категоричные.
И кому теперь верить?Риторический вопрос 😄
#chinaviz
В одном из BI-чатов поделились примером реального дашборда с китайского завода.
В графиках с динамикой и таблицах мы видим привычную светофорную раскраску. Увеличение показателя выделено зеленым цветом, и судя по стрелке вверх и значениям больше 100%, можно предположить, что это позитивное изменение, а уменьшение показателя отмечено красным цветом.
Выходит, что наблюдения насчет "обратной" светофорной индикации из предыдущего поста на эту тему не 100%-категоричные.
И кому теперь верить?
#chinaviz
Простые ошибки в графиках
В FineBI есть много различных настроек, но их стоит использовать осознанно, пусть и хочется попробовать все.
Поделюсь разбором из канала "Диаграммы и презентации".
Тезисно:
🔹 использовать цвет со смыслом, он должен выполнять функцию
🔹 применять сортировку
🔹 располагать легенду сверху, потому что читаем сверху вниз
🔹 не использовать маркеры разных форм в одном графике
Примеры улучшенных диаграмм сделаны для презентаций. Для обновляемых графиков на дашборде не нужно писать вывод в заголовке
#база #dataviz
В FineBI есть много различных настроек, но их стоит использовать осознанно, пусть и хочется попробовать все.
Поделюсь разбором из канала "Диаграммы и презентации".
Тезисно:
🔹 использовать цвет со смыслом, он должен выполнять функцию
🔹 применять сортировку
🔹 располагать легенду сверху, потому что читаем сверху вниз
🔹 не использовать маркеры разных форм в одном графике
Примеры улучшенных диаграмм сделаны для презентаций. Для обновляемых графиков на дашборде не нужно писать вывод в заголовке
#база #dataviz
👍3
Соблюдаем принцип непрерывности (сontinuity)
Элементы, расположенные вдоль прямой линии или мягкой кривой, воспринимаются взаимосвязанными,даже если прерываются пробелами или другими объектами. Например, на первой картинке с точками мы видим две пересекающиеся линии, несмотря на то, что точки окрашены в разный цвет.
Этот наглядный пример взят из курса Энрико Бертини "Визуализация информации: Прикладное восприятие" на Coursera (на 15.04.2024 удален).
Непрерывность позволяет нам понять, в каком направлении следует двигаться в рамках структуры. Логичное выстраивание элементов помогает нашему взгляду плавно перемещаться по дашборду, облегчая восприятие сгруппированной информации, а разрушение непрерывности может сигнализировать об окончании смыслового блока.
В графиках это реализуется в основном упорядочиванием и сортировкой:
🔹 Элементы графика и подписи выравниваются единообразно
🔹 Барчарты сортируются от большего к меньшему, временные графики от прошлого к будущему и т.д.
#uxui #гештальтпринципы
Элементы, расположенные вдоль прямой линии или мягкой кривой, воспринимаются взаимосвязанными,даже если прерываются пробелами или другими объектами. Например, на первой картинке с точками мы видим две пересекающиеся линии, несмотря на то, что точки окрашены в разный цвет.
Этот наглядный пример взят из курса Энрико Бертини "Визуализация информации: Прикладное восприятие" на Coursera (на 15.04.2024 удален).
Непрерывность позволяет нам понять, в каком направлении следует двигаться в рамках структуры. Логичное выстраивание элементов помогает нашему взгляду плавно перемещаться по дашборду, облегчая восприятие сгруппированной информации, а разрушение непрерывности может сигнализировать об окончании смыслового блока.
В графиках это реализуется в основном упорядочиванием и сортировкой:
🔹 Элементы графика и подписи выравниваются единообразно
🔹 Барчарты сортируются от большего к меньшему, временные графики от прошлого к будущему и т.д.
#uxui #гештальтпринципы
🔥2
Ступенчатый график — когда и зачем
По-английски его называют степчартом (step chart, stepped line graph). Это вариация линейного графика, где для соединения двух точек данных используется не кратчайшее расстояние, а вертикальные и горизонтальные линии. Таким способом формируется ступенчатая последовательность.
Этот тип визуализации, как и линейный график, используется для отображения изменения переменной во времени. Однако ступенчатый график уместнее, когда нам важно показать, что какое-то событие длится во времени и значение не меняется между точками изменений. Обычный линейный график создавал бы ложное ощущение постепенного изменения, в то время как в некоторых случаях постепенности нет.
Примеры использования на картинках:
🔹 ключевая ставка ЦБ (сайт РБК)
🔹 мировые рекорды в атлетике (тг-канал настенька и графики)
🔹 рекорды сборки кубика Рубика (тг-канал Чартомойка)
А также это могут быть изменения акцизов или налогов и т.п.
В следующем посте построим ступенчатый график в FineBI✌️
#степчарт #теория
По-английски его называют степчартом (step chart, stepped line graph). Это вариация линейного графика, где для соединения двух точек данных используется не кратчайшее расстояние, а вертикальные и горизонтальные линии. Таким способом формируется ступенчатая последовательность.
Этот тип визуализации, как и линейный график, используется для отображения изменения переменной во времени. Однако ступенчатый график уместнее, когда нам важно показать, что какое-то событие длится во времени и значение не меняется между точками изменений. Обычный линейный график создавал бы ложное ощущение постепенного изменения, в то время как в некоторых случаях постепенности нет.
Примеры использования на картинках:
🔹 ключевая ставка ЦБ (сайт РБК)
🔹 мировые рекорды в атлетике (тг-канал настенька и графики)
🔹 рекорды сборки кубика Рубика (тг-канал Чартомойка)
А также это могут быть изменения акцизов или налогов и т.п.
В следующем посте построим ступенчатый график в FineBI✌️
#степчарт #теория
🔥3
Построение ступенчатого графика в FineBI
В качестве примера рассмотрим линейный график с величиной тарифа, которая изменялась интервально. Кривая построена на тестовых данных.
Для построения ступенчатого линейного графика достаточно выбрать
Для подписи только первого значения ступеньки используется формула:
#степчарт #практика #база
В качестве примера рассмотрим линейный график с величиной тарифа, которая изменялась интервально. Кривая построена на тестовых данных.
Для построения ступенчатого линейного графика достаточно выбрать
Vertical в шестеренке Con... во вкладке со свойствами графика. В интерфейсе FineBI не поместилось слово Connection — это тип соединения точек в линейном графике.Для подписи только первого значения ступеньки используется формула:
IF(
SUM_AGG(${Тариф}) != PREVIOUS_PERIOD(SUM_AGG(${Тариф})),
SUM_AGG(${Тариф}),
null)
#степчарт #практика #база
👍6
Прыжковый линейный график
По-английски это jump line chart — не путать с jump plot на второй картинке, который используется для анализа длительности и последовательности этапов процесса.
Прыжковый линейный график — это модификация ступенчатого графика, который содержит только горизонтальные линии ступеней. Такой тип визуализации наглядно показывает длительность времени между изменениями.
Если в Tableau тип линии (Linear, Step, Jump) переключался в единой настройке Path, то в FineBI построение прыжкового линейного графика выполняется совершенно отлично от ступенчатого:
🔹 Выбираем тип графика Custom Chart, тип визуального элемента Rectangular Block
🔹 Создаем индикатор, равный нулю, и добавляем его в Sizе
🔹 В шестеренке Size увеличиваем ширину блока на ползунке до 100, чтобы отдельные черточки превратились в линию
#джамплайнчарт #практика
По-английски это jump line chart — не путать с jump plot на второй картинке, который используется для анализа длительности и последовательности этапов процесса.
Прыжковый линейный график — это модификация ступенчатого графика, который содержит только горизонтальные линии ступеней. Такой тип визуализации наглядно показывает длительность времени между изменениями.
Если в Tableau тип линии (Linear, Step, Jump) переключался в единой настройке Path, то в FineBI построение прыжкового линейного графика выполняется совершенно отлично от ступенчатого:
🔹 Выбираем тип графика Custom Chart, тип визуального элемента Rectangular Block
🔹 Создаем индикатор, равный нулю, и добавляем его в Sizе
🔹 В шестеренке Size увеличиваем ширину блока на ползунке до 100, чтобы отдельные черточки превратились в линию
#джамплайнчарт #практика
👏3👍2
Интерактивная сортировка для графика с накоплением
В диаграммах с накоплением наиболее наглядно видно изменение данных по той категории, которая находится у основания. Согласно §36 от команды DataYoga (#каксделатьхорошо), если у вас есть такая приоритетная категория в данных, переместите ее к основанию диаграммы. Если же таких категорий несколько, подумайте о добавлении интерактивности.
Для реализации этой рекомендации используем параметры:
🔹 В компоненте создаем параметр и вычисляемый столбец с условием совпадения категории с выбором в параметре
🔹 Помещаем созданный столбец в Prompt или Fine-grained и выбираем его для сортировки категорий в Color
🔹 На дашборде создаем фильтр-компонент, в котором список категорий наполняется из датасета, отключаем влияние фильтра и привязываем его к созданному параметру
Таким образом, у основания видим выбранную категорию, остальные сортируются по алфавиту✅
#интерактивность #практика
Датавиз в BI • Алиса Ручкина
В диаграммах с накоплением наиболее наглядно видно изменение данных по той категории, которая находится у основания. Согласно §36 от команды DataYoga (#каксделатьхорошо), если у вас есть такая приоритетная категория в данных, переместите ее к основанию диаграммы. Если же таких категорий несколько, подумайте о добавлении интерактивности.
Для реализации этой рекомендации используем параметры:
🔹 В компоненте создаем параметр и вычисляемый столбец с условием совпадения категории с выбором в параметре
🔹 Помещаем созданный столбец в Prompt или Fine-grained и выбираем его для сортировки категорий в Color
🔹 На дашборде создаем фильтр-компонент, в котором список категорий наполняется из датасета, отключаем влияние фильтра и привязываем его к созданному параметру
Таким образом, у основания видим выбранную категорию, остальные сортируются по алфавиту✅
#интерактивность #практика
Датавиз в BI • Алиса Ручкина
👍5🔥4
Интерактивная сортировка для мер
Аналогично с помощью параметров настроим тип сортировки для мер:
🤩 выбор показателя (по прибыли или продажам)
🤩 выбор по убыванию или возрастанию
Начинаем в компоненте:
🔹 Предварительно создаем калькуляции для ранжирования категорий по различным условиям с помощью функции RANK_ANLS
🔹 Создаем параметр для типа сортировки и вычисляемое поле для сопоставления выбора в параметре с рангом категорий с помощью функции SWITCH
🔹 Помещаем созданный столбец в Prompt или Fine-grained и выбираем его в настройке сортировки категорий
Далее на дашборде создаем фильтр-компонент, наполняем список возможных значений Custom Value List и привязываем его к созданному параметру.
Интерактивная сортировка по показателю готова✅
#интерактивность #практика
Датавиз в BI • Алиса Ручкина
Аналогично с помощью параметров настроим тип сортировки для мер:
Начинаем в компоненте:
🔹 Предварительно создаем калькуляции для ранжирования категорий по различным условиям с помощью функции RANK_ANLS
🔹 Создаем параметр для типа сортировки и вычисляемое поле для сопоставления выбора в параметре с рангом категорий с помощью функции SWITCH
🔹 Помещаем созданный столбец в Prompt или Fine-grained и выбираем его в настройке сортировки категорий
Далее на дашборде создаем фильтр-компонент, наполняем список возможных значений Custom Value List и привязываем его к созданному параметру.
Интерактивная сортировка по показателю готова✅
#интерактивность #практика
Датавиз в BI • Алиса Ручкина
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Вкладки, как в Fine BI
Сегодня утром Youtube рекомендует мне 8,5-минутное видео, как cделать переключаемые вкладки с графиками в Tableau.
"В FineBI попроще будет", — хочется оставить комментарий😄
#coolstory
Сегодня утром Youtube рекомендует мне 8,5-минутное видео, как cделать переключаемые вкладки с графиками в Tableau.
"В FineBI попроще будет", — хочется оставить комментарий😄
#coolstory
😁3👍1
Визуализация нового офиса FanRuan в FineVis
На прошлой неделе в Уси (город неподалеку от Шанхая) открылся новый офис FanRuan🥳
В Telegram-чате FanRuan для пользователей FineBI опубликовали виртуальный тур, который сделан с помощью no-code продукта для визуализации FineVis (FVS).
FineVis Data Visualization — это плагин для FineReport, который предназначен для создания визуализаций на больших экранах. Более подробно о нем можно почитать в документации по ссылке.
А чтобы узнавать новости из первых рук и иметь возможность задавать вопросы вендору напрямую,присоединяйтесь к группе FanRuan FineBI User Group — это первый официальный чат для пользователей FineBI в России✌️
Обновление от 24.07.2024: группа будет расформирована, можно подписаться на канал FanRuanofficialchannel.
#news
На прошлой неделе в Уси (город неподалеку от Шанхая) открылся новый офис FanRuan🥳
В Telegram-чате FanRuan для пользователей FineBI опубликовали виртуальный тур, который сделан с помощью no-code продукта для визуализации FineVis (FVS).
FineVis Data Visualization — это плагин для FineReport, который предназначен для создания визуализаций на больших экранах. Более подробно о нем можно почитать в документации по ссылке.
А чтобы узнавать новости из первых рук и иметь возможность задавать вопросы вендору напрямую,
Обновление от 24.07.2024: группа будет расформирована, можно подписаться на канал FanRuanofficialchannel.
#news
🔥3