Принцип активной фильтрации
Шок! Ученые раскрыли секрет интерактивного дашборда, достаточно добавить в него всего лишь одну чайную ложку простой...

Часто заказчики просят вывести десятки фильтров на дашборд. Объясняется это тем, что им нужно делать ☝️АНАЛИТИКУ и ☝️ДАТА-ДРИВЕН и без фильтров тут не обойтись!

А еще хотят, чтобы фильтры закреплялись в шапке. И чтобы они могли сворачиваться, чтобы можно было добавить ещё, ещё больше фильтров. И чтобы можно было в них вставить значения из Экселя. =) А затем жалуются, что дашборды медленно работает, когда они их переключают.

Улучшить ситуацию можно легко. Нужно применить принцип активной фильтрации. Когда пользователь не вслепую перебирает значения из фильтров, надеясь найти инсайт (то есть выбирает значение пассивным образом), а когда вместо фильтров он видит аккуратные графики по этим же разрезам с отображением одной-двух основных метрик. Это позволяет ему сразу выбрать интересные срезы с необычным поведением и кликом в нужный срез фильтровать другие графики. Классно, например, видеть абсолюты основной метрики и её прирост. Тогда можно найти выбросы и по абсолютным занчениям, и по динамике. А когда таких графиков несколько, эффект получается ещё круче, потому что можно быстро делать факторный анализ.

Отсюда простое правило: видите фильтр → попробуйте заменить на аккуратный график (чаще всего бар-чарт). Места занимает чуть больше, но сильно снижает количество бесполезных кликов. И это правда один из самых крутых лайфхаков, как улучшить дашборд.

Примеры:
— Фильтры по жанрам и времени
— Фильтры по типам выступлений
— Фильтры по городам и направлениям

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

☝️К посту выше хочу добавить, что регулярно использую этот принцип при создании интерфейсов, показывающих данные. То есть эту историю можно использовать не только в дэшбордах. Когда управляющий элемент (чаще всего фильтр) одновременно является графиком. Это и экономит место, и повышает информационную плотность и избавляет от лишних кликов.

Например в проекте, визуализирующем статьи Википедии (проект от SigmaJS) список кластеров одновременно является и легендой, объясняющей цвета, и бар-чартом с функцией рейтинга и фильтром, так как по клику показывает или снимает соответствующий кластер.

Недавно спросили, что делать, если разница между значениями большая. Обрезать столбики или использовать лог-шкалу? Первое совсем категорически не стоит, лог-шкалу тоже (в крайне редких случаях).

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

Вот ещё один, от Файненшл Таймс. Согнуть столбик и уложить штабелями. Вполне решает задачу, да и внимание привлекает.

#датавизприемы

Выглядит круто! Осталось кодить научиться 😀

https://hottg.com/dataviznews/590

Еще один учебник по визуализации данных, на этот раз с упором на академические исследования того, как работает восприятие человека. На английском, конечно.

https://hottg.com/novichkovnet/4293

Обнаружен скриншот из приложения Тинькофф-банк. Сектора на графике нарисованы явно неправильно.

Я посмотрел у себя в Тинькофф, и обнаружил ту же картину. Сектора не бьются с данными, рисуются как-то произвольно, но логики не уловил.

Во-первых, это возмутительно и позорно!
Во-вторых, давайте попробуем коллективно разобраться, по какому всё-таки принципу оно отрисовывается?

🦸‍♂️Unwrapped

Онлайн-конференция для пользователей Datawrapper 13–15 марта 2024, где вы увидите, как другие используют Datawrapper по максимуму. На конференции опытные пользователи смогут поучиться друг у друга, новички – перейти на новый уровень, а любопытные – узнать, что возможно с Datawrapper. Регистрируйтесь! Это бесплатно!

#datawrapper #online

Учёным на заметку 👇

https://hottg.com/nastengraph/3889

Если вы делаете инфографику — есть шанс проявить себя

Школа Дизайна НИУ ВШЭ организует конкурс, на который можно подать любую свою работу, сделанную в период с января 2021 года.

Лучших — отметят, наградят и подарят приятные денежные призы.

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

Работы можно подать здесь до 2 апреля:
https://hsedesign.ru/competition/87aeb9175ed941418f2ff96bfb263fcb

P.S. кнопка «участвовать в конкурсе» почему-то не работает, судя по всему — подавать придётся через кнопку «добавить проект».

Стоит найти на странице инструкции:
> Также мы подготовили гайд по работе с платформой, который поможет легко и быстро создать аккаунт и загрузить проект.

📈Ликбез по процентам

Вдохновился постом Мы и Жо и решил повторить проценты из 5 класса. Это было давно и забыть про них — обычное дело. А для того, чтобы следить за ставкой ЦБ и своей ипотекой — проценты знать обязательно. Приступим)

Процент — используется для обозначения доли чего-либо по отношению к целому от общего, сотая часть

Проценты и процентные пункты — это разные вещи. Если ставка ЦБ была 10%, а стала 12%, то она выросла на 2 п.п. или на 20%

Рост на 100% — это рост в два раза. Рост на 50% — рост в 1,5 раза. На 200% — втрое. На 300% — в четыре раза. «Продажи выросли на 250%» — это значит выросли больше, чем втрое

Падение на 50% — это снижение вдвое. На 33% — на треть. На 25% — на четверть. Если яица подешевели на 75% — это они подешевели в четыре раза. Не может быть снижения больше чем на 100%.

Проценты можно менять местами. X% от Y равно Y% от X.
Например, 6% от 100 это 100% от 6

Как посчитать изменение в процентах. У вас было 1000 сотрудников, а теперь 750. Процентное изменение = ( (Конечное значение - Начальное значение) / Начальное значение) * 100. В нашем случае (750-1000)/1000*100= -25%

Поздравляю, теперь вы магистр процентов!😄

Увлекательный рассказ о том, как авторы пришли именно к этой диаграмме (horizon chart), перебрав другие варианты. Как его построили, как играли с настройками, чтобы подобрать оптимальный вариант.

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

https://telegra.ph/Kak-sozdavalsya-grafik-Raspredelenie-osadkov-v--ot-godovogo-kolichestva-03-01