Еще один пример реального дашборда в 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
О гистограмме
Гистограмма (Histogram) — это визуальное представление распределения числовых данных. Впервые этот тип графика был предложен основателем математической статистики Карлом Пирсоном.
Гистограмма выглядит как столбиковая диаграмма, но отображает распределение частот, а не числовое сравнение по категориям. По оси X гистограммы перечислены значения или интервалы переменной; по оси Y отсчитывается частотность.
Примеры гистограмм:
🔹Распределение по возрастным группам; в дашборде с картой дополнительно является цветовой легендой. Автор: Нейтан Яу
🔹Распределение по цене; в интерфейсе используется в качестве фильтра. Увидела в тг-канале Александра Богачева
А также гистограммы часто используют как один из этапов визуального анализа — когда нужно посмотреть на данные в источнике и понять их распределение.
#теория #гистограмма #база #термин
Гистограмма (Histogram) — это визуальное представление распределения числовых данных. Впервые этот тип графика был предложен основателем математической статистики Карлом Пирсоном.
Гистограмма выглядит как столбиковая диаграмма, но отображает распределение частот, а не числовое сравнение по категориям. По оси X гистограммы перечислены значения или интервалы переменной; по оси Y отсчитывается частотность.
Примеры гистограмм:
🔹Распределение по возрастным группам; в дашборде с картой дополнительно является цветовой легендой. Автор: Нейтан Яу
🔹Распределение по цене; в интерфейсе используется в качестве фильтра. Увидела в тг-канале Александра Богачева
А также гистограммы часто используют как один из этапов визуального анализа — когда нужно посмотреть на данные в источнике и понять их распределение.
#теория #гистограмма #база #термин
👍2
Гистограмма vs барчарт
По смыслу это принципиально разные виды визуализации данных несмотря на то, что графики визуально похожи. Путаница также может возникать, потому что в русскоязычном интерфейсе Excel столбчатые диаграммы называются гистограммами.
Давайте разберемся, чем они отличаются:
🔹 Гистограмма содержит на оси X количественную шкалу и отвечает на вопрос «Как часто в выборке встречается показатель N / показатель в диапазоне от N до М?». Шкала барчарта — категориальная, и график отвечает на вопросы «Сколько раз встречается признак А? Сколько раз — признак Б? Сколько раз — признак С?»
🔹 У гистограммы промежуток между столбцами минимален или его вообще нет (подчеркивая непрерывность интервалов), а у барчарта промежуток есть
🔹 Значения на оси Х у гистограммы всегда последовательны, у барчарта — не обязательно (можно сортировать по-разному)
О различиях еще можно почитать в блоге storytellingwithdata, а в следующих постах рассмотрим, как построить гистограмму в FineBI⬇️
#теория #гистограмма #база
По смыслу это принципиально разные виды визуализации данных несмотря на то, что графики визуально похожи. Путаница также может возникать, потому что в русскоязычном интерфейсе Excel столбчатые диаграммы называются гистограммами.
Давайте разберемся, чем они отличаются:
🔹 Гистограмма содержит на оси X количественную шкалу и отвечает на вопрос «Как часто в выборке встречается показатель N / показатель в диапазоне от N до М?». Шкала барчарта — категориальная, и график отвечает на вопросы «Сколько раз встречается признак А? Сколько раз — признак Б? Сколько раз — признак С?»
🔹 У гистограммы промежуток между столбцами минимален или его вообще нет (подчеркивая непрерывность интервалов), а у барчарта промежуток есть
🔹 Значения на оси Х у гистограммы всегда последовательны, у барчарта — не обязательно (можно сортировать по-разному)
О различиях еще можно почитать в блоге storytellingwithdata, а в следующих постах рассмотрим, как построить гистограмму в FineBI⬇️
#теория #гистограмма #база
👍4