А вы знали, что у FanRuan есть документация по визуализации данных?
Про гештальт-принципы, например, написано тут. Как обычно, перевести с китайского поможет встроенный переводчик в браузере. А в Яндекс-браузере можно переводить еще и картинки.
#news #chinaviz
Про гештальт-принципы, например, написано тут. Как обычно, перевести с китайского поможет встроенный переводчик в браузере. А в Яндекс-браузере можно переводить еще и картинки.
#news #chinaviz
Fanruan
格式塔原则- 数据分析与可视化指南
1. 视觉认知的格式塔原则 & 应用如何识别图形中的信号（希望沟通的信息）和噪声（杂乱），我们可以通过「视觉认知的格式塔原则」有效的运用这些原则，通过有序的视觉传达、恰当的使用对比和合适的留白来
👌1
Точка как акцент на линейном графике
Одним из приемов интерактивности является добавление акцента на то, что пользователь выбрал в фильтре.
Например, на линейном графике выбор можно подсветить точкой.
Как я это сделала? Поделюсь в следующем посте✌️
#интерактивность #лайнчарт
Одним из приемов интерактивности является добавление акцента на то, что пользователь выбрал в фильтре.
Например, на линейном графике выбор можно подсветить точкой.
Как я это сделала? Поделюсь в следующем посте✌️
#интерактивность #лайнчарт
Для того, чтобы на линейном графике выделить точкой значения, выбранные в фильтре:
✅ На дашборде отвязываем действие фильтра на компонент
✅ В компоненте:
- создаем параметр и вычисляемое поле вида
- копируем пилюлю с мерой и совмещаем вертикальные оси
- для второго графика выбираем тип Point и перетаскиваем созданный столбец в Color
✅ Возвращаемся на дашборд и привязываем фильтр к параметру
#интерактивность #лайнчарт #практика
Датавиз в BI • Алиса Ручкина
✅ На дашборде отвязываем действие фильтра на компонент
✅ В компоненте:
- создаем параметр и вычисляемое поле вида
IN(Измерение, Параметр)- копируем пилюлю с мерой и совмещаем вертикальные оси
- для второго графика выбираем тип Point и перетаскиваем созданный столбец в Color
✅ Возвращаемся на дашборд и привязываем фильтр к параметру
#интерактивность #лайнчарт #практика
Датавиз в BI • Алиса Ручкина
👍8
Цвет как акцент в барчарте
Для столбчатой диаграммы подойдет раскраска выбранной категории более ярким цветом.
Алгоритм проще, чем для линейного графика — достаточно перетащить созданный столбец вида
#интерактивность #барчарт #цвет
Для столбчатой диаграммы подойдет раскраска выбранной категории более ярким цветом.
Алгоритм проще, чем для линейного графика — достаточно перетащить созданный столбец вида
IN(Измерение, Параметр) в Color.#интерактивность #барчарт #цвет
👍4
Обновления в 6.0.15
На прошлой неделе на Хабре была опубликована статья Александра Ларина (Glowbyte) с обзором новых функций в версиях FineBI 6.0.15 и 6.0.16. Вдохновившись, я установила себе актуальную версию и вот на что я обратила внимание.
В интерфейсе редактирования компонента:
🔹 TargetName переименован в Indicator Name, а функция накопления для показателей Turn on stacking теперь называется Enable stacking
🔹 Во вкладке Component Style для графиков появились опции настройки вспомогательных линий Grid Line и Partition Line, а для графиков и таблиц — настройка внутренних отступов компонента Component Padding
#news
На прошлой неделе на Хабре была опубликована статья Александра Ларина (Glowbyte) с обзором новых функций в версиях FineBI 6.0.15 и 6.0.16. Вдохновившись, я установила себе актуальную версию и вот на что я обратила внимание.
В интерфейсе редактирования компонента:
🔹 TargetName переименован в Indicator Name, а функция накопления для показателей Turn on stacking теперь называется Enable stacking
🔹 Во вкладке Component Style для графиков появились опции настройки вспомогательных линий Grid Line и Partition Line, а для графиков и таблиц — настройка внутренних отступов компонента Component Padding
#news
❤2
Другие обновления в 6.0.15
🔹 Для пайчартов теперь есть готовая кнопка Filled — я добавила ремарку в этот пост.
🔹 Для разграничения групп в барчарте с группировкой больше не требуются "костыли". Теперь пустое пространство между группами столбцов формируется по умолчанию, поэтому я обновила недавний пост. Хочу отметить, что если групп больше 2, эффективнее будет использовать другой тип визуализации.
🔹 При удалении сетки теперь не нужно создавать "костыль" в виде линии Cordon для одной из осей. Начиная с версии 6.0.15 это реализуется снятием галочки в Grid Line, тогда сетка исчезнет, но ось останется (это выделено на скриншоте). Поэтому я добавила ремарку в пост о барчарте.
Пример использования разделительной линии Partition Line приведен в документации в статье о настройках стиля компонента.
В следующем посте рассмотрим паддинги, которые появились в версии 6.0.15. Они заслуживают отдельного внимания✌️
#news #барчарт #пайчарт
🔹 Для пайчартов теперь есть готовая кнопка Filled — я добавила ремарку в этот пост.
🔹 Для разграничения групп в барчарте с группировкой больше не требуются "костыли". Теперь пустое пространство между группами столбцов формируется по умолчанию, поэтому я обновила недавний пост. Хочу отметить, что если групп больше 2, эффективнее будет использовать другой тип визуализации.
🔹 При удалении сетки теперь не нужно создавать "костыль" в виде линии Cordon для одной из осей. Начиная с версии 6.0.15 это реализуется снятием галочки в Grid Line, тогда сетка исчезнет, но ось останется (это выделено на скриншоте). Поэтому я добавила ремарку в пост о барчарте.
Пример использования разделительной линии Partition Line приведен в документации в статье о настройках стиля компонента.
В следующем посте рассмотрим паддинги, которые появились в версии 6.0.15. Они заслуживают отдельного внимания✌️
#news #барчарт #пайчарт
👍3
Коротко о паддингах
Паддинги — это пространство между содержимым компонента и его границами.
Дашборд, состоящий из компонентов с внутренними отступами, выглядит менее перегруженным. Кроме того, пустое место вокруг объекта выделяет его, поэтому внимание пользователя фокусируется на визуализациях.
В дизайне свободное пространство, образующееся между, внутри или вокруг элементов, еще называют негативным пространством или «воздухом».
#uxui #теория
Паддинги — это пространство между содержимым компонента и его границами.
Дашборд, состоящий из компонентов с внутренними отступами, выглядит менее перегруженным. Кроме того, пустое место вокруг объекта выделяет его, поэтому внимание пользователя фокусируется на визуализациях.
В дизайне свободное пространство, образующееся между, внутри или вокруг элементов, еще называют негативным пространством или «воздухом».
#uxui #теория
🔥2
Рассмотрим паддинги на конкретном примере
Расстояние от графика до границ компонента регулируется изменением значений в настройках Component Padding. Замочек нужен, чтобы изменять отступ сразу для двух противоположных сторон.
Однако есть одна особенность — на данный момент при изменении верхнего паддинга изменяется расстояние между заголовком графика и визуализацией. Таким образом, при увеличении отступа они расходятся друг от друга и не соблюдается правило близости. Поэтому я добавила идею в сервис развития FineBI, чтобы этот отступ регулировал расстояние от верхней границы компонента, а не от заголовка.
#uxui #news
Расстояние от графика до границ компонента регулируется изменением значений в настройках Component Padding. Замочек нужен, чтобы изменять отступ сразу для двух противоположных сторон.
Однако есть одна особенность — на данный момент при изменении верхнего паддинга изменяется расстояние между заголовком графика и визуализацией. Таким образом, при увеличении отступа они расходятся друг от друга и не соблюдается правило близости. Поэтому я добавила идею в сервис развития FineBI, чтобы этот отступ регулировал расстояние от верхней границы компонента, а не от заголовка.
#uxui #news
👍4
Нужна ли графикам логарифмическая шкала?
Наверняка вы видели настройку Logarithmic Axis для индикаторов.
❓Что это такое и в каких случаях она нужна?
Логарифмическая шкала — это шкала, длина отрезка которой пропорциональна логарифму отношения величин, отмеченных на концах этого отрезка.
Посмотрим на пример графика с такой шкалой: через равные деления, начиная от 1 (10 ⁰) стоят отметки 10 (10 ¹), 100 (10 ²) и т.д., а расстояние между 1 и 10 такое же, как между 10 и 100.
Логарифмический масштаб отображает относительное изменение в процентах (скорость роста). Поэтому увеличение показателя на 100% с 15 до 30 или с 3840 до 7680 визуально выглядит одинаково.
В привычной линейной шкале, которую еще называют равномерной, длина отрезка пропорциональна разности величин на его концах, то есть расстояния от 0 до 20 тысяч и от 20 до 40 тысяч одинаковые. На графиках с такой шкалой показывают абсолютное изменение показателя.
В следующем посте рассмотрим примеры использования логарифмической шкалы✌️
#график #теория
Наверняка вы видели настройку Logarithmic Axis для индикаторов.
❓Что это такое и в каких случаях она нужна?
Логарифмическая шкала — это шкала, длина отрезка которой пропорциональна логарифму отношения величин, отмеченных на концах этого отрезка.
Посмотрим на пример графика с такой шкалой: через равные деления, начиная от 1 (10 ⁰) стоят отметки 10 (10 ¹), 100 (10 ²) и т.д., а расстояние между 1 и 10 такое же, как между 10 и 100.
Логарифмический масштаб отображает относительное изменение в процентах (скорость роста). Поэтому увеличение показателя на 100% с 15 до 30 или с 3840 до 7680 визуально выглядит одинаково.
В привычной линейной шкале, которую еще называют равномерной, длина отрезка пропорциональна разности величин на его концах, то есть расстояния от 0 до 20 тысяч и от 20 до 40 тысяч одинаковые. На графиках с такой шкалой показывают абсолютное изменение показателя.
В следующем посте рассмотрим примеры использования логарифмической шкалы✌️
#график #теория
❤1👍1
Применение логарифмической шкалы
Если важно показать процесс или закономерность, то логарифмическую шкалу использовать можно. А если просто сравнить значения, то бесполезно.
Логарифмическая шкала уместна в визуализации процессов с экспоненциальным ростом и предназначена для пользователей с высоким уровнем дата-грамотности (ученых или трейдеров, например). Человеку, не погруженному в такие особенности, может быть трудно понять, что происходит на графике, и возрастает вероятность неправильного восприятия и ошибок интерпретации данных.
Если у вас есть примеры удачного применения такой шкалы в корпоративной среде, пишите в комментариях, это интересно!
И напоследок, важное правило — не использовать логарифмический масштаб для столбчатых графиков из-за искажения высот столбиков. С логарифмической шкалой подходит визуализация данных с помощью линии или точек.
#график #теория
Если важно показать процесс или закономерность, то логарифмическую шкалу использовать можно. А если просто сравнить значения, то бесполезно.
Логарифмическая шкала уместна в визуализации процессов с экспоненциальным ростом и предназначена для пользователей с высоким уровнем дата-грамотности (ученых или трейдеров, например). Человеку, не погруженному в такие особенности, может быть трудно понять, что происходит на графике, и возрастает вероятность неправильного восприятия и ошибок интерпретации данных.
Если у вас есть примеры удачного применения такой шкалы в корпоративной среде, пишите в комментариях, это интересно!
И напоследок, важное правило — не использовать логарифмический масштаб для столбчатых графиков из-за искажения высот столбиков. С логарифмической шкалой подходит визуализация данных с помощью линии или точек.
#график #теория
👍1🔥1
А ты будешь смотреть Fine Day онлайн?
Ставь 👍, если уже зарегистрировался, и 😱, если еще не слышал об этом мероприятии.
Через 2 недели, а именно 28/03 в 16 часов МСК, пройдет онлайн-конференция Fine Day 2024.
На прошлогоднем Fine Day мы:
🔹 узнали дорожную карту развития FineBI
🔹 посмотрели демонстрацию фишек 6 версии
🔹 послушали коллег из компаний System Electric и ММК (Магнитогорский металлургический комбинат) про их опыт миграции на FineBI
Но не будем пересматривать старые записи, ведь за прошедший год FineBI прокачался, а мы стали еще опытнее в его использовании.
Пришло время узнать самые свежие новости✌️
На предстоящей конференции будет больше участников, чем в прошлом году(в том числе министр здравоохранения Калининградской области) , и конечно, это отличный шанс в числе первых узнать планы развития продукта в 2024 году.
Регистрируйтесь и присоединяйтесь, в следующем посте — приглашение с ссылкой на программу и форму регистрации👇🏼
#news
Ставь 👍, если уже зарегистрировался, и 😱, если еще не слышал об этом мероприятии.
Через 2 недели, а именно 28/03 в 16 часов МСК, пройдет онлайн-конференция Fine Day 2024.
На прошлогоднем Fine Day мы:
🔹 узнали дорожную карту развития FineBI
🔹 посмотрели демонстрацию фишек 6 версии
🔹 послушали коллег из компаний System Electric и ММК (Магнитогорский металлургический комбинат) про их опыт миграции на FineBI
Но не будем пересматривать старые записи, ведь за прошедший год FineBI прокачался, а мы стали еще опытнее в его использовании.
Пришло время узнать самые свежие новости✌️
На предстоящей конференции будет больше участников, чем в прошлом году
Регистрируйтесь и присоединяйтесь, в следующем посте — приглашение с ссылкой на программу и форму регистрации👇🏼
#news
👍3❤1
Forwarded from FineBI в России
#fineday2024
Приглашаем на онлайн-конференцию Fine Day
🚀 Fine Day online: Истории цифровизаторов - уникальное мероприятие для цифровых инноваторов! Присоединяйтесь к нам, чтобы узнать истории успеха от ведущих цифровизаторов, включая представителей АвтоВАЗа, Министра здравоохранения Калининградской области, эксперта в области построения BI и компании ПИК.
🔍 Вас ждут увлекательные доклады, дискуссии и практические советы по адаптации к новой цифровой эпохе. Не упустите возможность обогатить свой бизнес ценными знаниями и практическими советами!
📅 Ознакомьтесь с программой мероприятия и регистрируйтесь сейчас: https://clck.ru/39NbLs
📍 Встречаемся 28 марта в 16:00 МСК
Приглашаем на онлайн-конференцию Fine Day
🚀 Fine Day online: Истории цифровизаторов - уникальное мероприятие для цифровых инноваторов! Присоединяйтесь к нам, чтобы узнать истории успеха от ведущих цифровизаторов, включая представителей АвтоВАЗа, Министра здравоохранения Калининградской области, эксперта в области построения BI и компании ПИК.
🔍 Вас ждут увлекательные доклады, дискуссии и практические советы по адаптации к новой цифровой эпохе. Не упустите возможность обогатить свой бизнес ценными знаниями и практическими советами!
📅 Ознакомьтесь с программой мероприятия и регистрируйтесь сейчас: https://clck.ru/39NbLs
📍 Встречаемся 28 марта в 16:00 МСК
❤2
Оставить или скрыть? Легенда в 6 версии
При взаимодействии с цветовой легендой есть 2 опции:
✅ Оставить значения выбранных категорий. Для этого кликаем на иконку с цветом
❌ Скрыть их. В таком случае кликаем на текст
В документации о легенде в графиках помимо общих настроек описан секрет сохранения палитры при смене типа графика.
Это тайное знание может пригодиться разработчикам дашбордов✌️
#база #хак
При взаимодействии с цветовой легендой есть 2 опции:
✅ Оставить значения выбранных категорий. Для этого кликаем на иконку с цветом
❌ Скрыть их. В таком случае кликаем на текст
В документации о легенде в графиках помимо общих настроек описан секрет сохранения палитры при смене типа графика.
Это тайное знание может пригодиться разработчикам дашбордов✌️
#база #хак
👍3🔥2