Forwarded from data.csv (Алексей Смагин)
Аналитики Тинькофф проанализировали траты россиян и выяснили, в какое время люди обычно делают покупки в разных видах заведений.
Информация классная и очень интересная, однако подачу можно было бы улучшить при помощи графика. В виде текста это будет удобно только владельцам конкретных видов бизнеса — посмотрел на свой, записал, скорректировал часы открытия. Хотя они скорее всего и так знают свои пиковые часы.
Однако обычному читателю захочется ещё и сравнить: у кого пик популярности достигается раньше? Насколько пики отличаются друг от друга?
Сегодня на открытой онлайн-лекции «Как выбрать график и рассказать с его помощью историю?» подробно разберу этот кейс и покажу, как подобные данные уже визуализировали.
Регистрируйтесь, начало сегодня в 19:00 по МСК:
https://clck.ru/38ARCq
Повтора вебинара не будет как минимум до весны, запись — под вопросом, поэтому приходите слушать онлайн 🙌
Информация классная и очень интересная, однако подачу можно было бы улучшить при помощи графика. В виде текста это будет удобно только владельцам конкретных видов бизнеса — посмотрел на свой, записал, скорректировал часы открытия. Хотя они скорее всего и так знают свои пиковые часы.
Однако обычному читателю захочется ещё и сравнить: у кого пик популярности достигается раньше? Насколько пики отличаются друг от друга?
Сегодня на открытой онлайн-лекции «Как выбрать график и рассказать с его помощью историю?» подробно разберу этот кейс и покажу, как подобные данные уже визуализировали.
Регистрируйтесь, начало сегодня в 19:00 по МСК:
https://clck.ru/38ARCq
Повтора вебинара не будет как минимум до весны, запись — под вопросом, поэтому приходите слушать онлайн 🙌
❤12👍5
Forwarded from 🗞 Виз Ньюз (Nikita Rokotyan)
This media is not supported in your browser
VIEW IN TELEGRAM
Если кто-то из вас занимается визуализацией данных с точки зрения дизайна, вот вам коллекция дизайн систем известных компаний, где есть посвященные датавизу блоки.
https://designsystems.surf/directories/data-visualization
@dataviznews
https://designsystems.surf/directories/data-visualization
@dataviznews
❤35👍9🔥4
Прислали шедевральный график — 1️⃣.
Что не так?
1. Значения не только приблизительные, их вообще как таковых нет, просто волна снизу вверх 〰️. Если наложить на сетку, то видно, что логики нет вообще никакой — 2️⃣.
2. Не имеющий существенно смысла градиент на "столбиках". Если бы имел смысл и был привязан к значениям, то цвета, например, менялись бы не так последовательно.
3. Заявлены 100% с краю справа, но даже 51% не соответствует, так как определенно больше половины.
Из плюсов сортировка от большего к меньшему и попадание в формат для соцсетей.
Оставляем тот же дизайн, и улучшаем — 3️⃣:
1. Делаем полноценную накопленную линейчатую диаграмму
2. Сохраняем 100% для добавления дополнительного измерения. То есть не только сравнения технологий между собой, но и с целым.
3. Поясняем в заге и подзаге, что вообще показано.
4. Указываем источник и актуальность данных.
5. Добавляем внутреннюю сеточку, кратную 10 а-ля Тафти (хотя это и не обязательно).
#разборыграфиков
Что не так?
1. Значения не только приблизительные, их вообще как таковых нет, просто волна снизу вверх 〰️. Если наложить на сетку, то видно, что логики нет вообще никакой — 2️⃣.
2. Не имеющий существенно смысла градиент на "столбиках". Если бы имел смысл и был привязан к значениям, то цвета, например, менялись бы не так последовательно.
3. Заявлены 100% с краю справа, но даже 51% не соответствует, так как определенно больше половины.
Из плюсов сортировка от большего к меньшему и попадание в формат для соцсетей.
Оставляем тот же дизайн, и улучшаем — 3️⃣:
1. Делаем полноценную накопленную линейчатую диаграмму
2. Сохраняем 100% для добавления дополнительного измерения. То есть не только сравнения технологий между собой, но и с целым.
3. Поясняем в заге и подзаге, что вообще показано.
4. Указываем источник и актуальность данных.
5. Добавляем внутреннюю сеточку, кратную 10 а-ля Тафти (хотя это и не обязательно).
#разборыграфиков
🔥44❤18👍17🤔4😁3
Forwarded from Data-comics
Беседа про Материальный дата-арт!
Мы собрались поговорить на такую интересную тему - как физикализация данных, а точнее - материальный дата-арт, то есть не нарисованные или созданные с помощью кода проекты, а совершенно материальные, разных форм и размеров - скульптуру и вышивку, глину и ткань...
Это тот случай, когда данные можно потрогать.
Для беседы по этой теме у нас собралась душевная компания:
- Наталья Киселева, автор канала Data-Comics и активный покоритель темы дата-арта.
- Александр Богачев, автор книги "Графики, которые убеждают всех" и канала Чартомойка.
- Андрианова Надежда, дизайнер в Яндексе, призёр международных конкурсов по визуализации данных (с дата-артом!) и автор канала Designing Numbers.
- Тина Бережная, доцент в ВШЭ, увлекается фотографией и дата-артом. @tinkaphoto
Время встречи: Вторник 30 января 19:00.
Поговорим о самом явлении материального дата-арта, о разных его видах и формах, об интересных проектах и своих планах в этой сфере.
Ссылку выложим на канале Data-Comics перед началом мероприятия.
Будем рады вас всех видеть! 🥰
Мы собрались поговорить на такую интересную тему - как физикализация данных, а точнее - материальный дата-арт, то есть не нарисованные или созданные с помощью кода проекты, а совершенно материальные, разных форм и размеров - скульптуру и вышивку, глину и ткань...
Это тот случай, когда данные можно потрогать.
Для беседы по этой теме у нас собралась душевная компания:
- Наталья Киселева, автор канала Data-Comics и активный покоритель темы дата-арта.
- Александр Богачев, автор книги "Графики, которые убеждают всех" и канала Чартомойка.
- Андрианова Надежда, дизайнер в Яндексе, призёр международных конкурсов по визуализации данных (с дата-артом!) и автор канала Designing Numbers.
- Тина Бережная, доцент в ВШЭ, увлекается фотографией и дата-артом. @tinkaphoto
Время встречи: Вторник 30 января 19:00.
Поговорим о самом явлении материального дата-арта, о разных его видах и формах, об интересных проектах и своих планах в этой сфере.
Ссылку выложим на канале Data-Comics перед началом мероприятия.
Будем рады вас всех видеть! 🥰
❤14👍1🔥1
Forwarded from Data-comics
Всем привет!
Эфир по материальному дата-арту начнется через несколько минут!
Будем всех очень рады видеть!
Ссылка зум:
https://us02web.zoom.us/j/81876389298?pwd=cHI3azIvMTFKQ1dYSmxXMTZpU1dTdz09
🥰
Эфир по материальному дата-арту начнется через несколько минут!
Будем всех очень рады видеть!
Ссылка зум:
https://us02web.zoom.us/j/81876389298?pwd=cHI3azIvMTFKQ1dYSmxXMTZpU1dTdz09
🥰
❤5
Друзья, спасибо за поддержку!
Из издательства написали, что сразу после выпуска в продажу книга ушла печататься дополнительным тиражом. Настолько бодро пошли продажи. Надеюсь книги хватит всем.
И если вы читали книгу, пожалуйста, не стесняйтесь о ней оставить отзыв или просто оценку на сайте, там где покупали.
Напомню, что купить можно в:
Читай-городе
Лабиринте
Буквоеде
Майшоп (тут уже нету)
Озон (тут вроде дешевле всего)
Вайлдберриз (тут можно купить с доставкой в другие страны помимо России)
Яндекс.Маркет
Из издательства написали, что сразу после выпуска в продажу книга ушла печататься дополнительным тиражом. Настолько бодро пошли продажи. Надеюсь книги хватит всем.
И если вы читали книгу, пожалуйста, не стесняйтесь о ней оставить отзыв или просто оценку на сайте, там где покупали.
Напомню, что купить можно в:
Читай-городе
Лабиринте
Буквоеде
Майшоп (тут уже нету)
Озон (тут вроде дешевле всего)
Вайлдберриз (тут можно купить с доставкой в другие страны помимо России)
Яндекс.Маркет
❤69🥰8👍7
О, как мило. Классика, которая осталась только в виде скриншотов в книжках с премии Malofiej, снова доступна. На самом деле горячо приветствую эту инициативу. Во флеше похоронено много прекрасных проектов.
https://t.me/nastengraph/3855
https://t.me/nastengraph/3855
Telegram
настенька и графики
NY Times воскресили некоторые из своих статей с визуализациями, сделанных при помощи Flash. Можно снова потыкать графики, некоторые из которых стали со временем очень узнаваемыми. Например, вот этот stream graph про кассовые сборы фильмов, линии про уровни…
👍24
Forwarded from настенька и графики
Написала пост про барчарты! Сводка правил и лучших практик 📊
TLDR
1. Всегда начинайте ось с 0
2. Никаких 3D столбиков
3. Не закругляйте бары
4. Применяйте логическую сортировку
5. Горизонтальная ориентация для категория, вертикальная дла дат
6. Подписывайте значения напрямую
7. Пользуйтесь цветом эффективно
8. Не “рвите” ось
9. Бар чарт и гистограмма – разные графики
Предыдущий про линейные графики тут
TLDR
1. Всегда начинайте ось с 0
2. Никаких 3D столбиков
3. Не закругляйте бары
4. Применяйте логическую сортировку
5. Горизонтальная ориентация для категория, вертикальная дла дат
6. Подписывайте значения напрямую
7. Пользуйтесь цветом эффективно
8. Не “рвите” ось
9. Бар чарт и гистограмма – разные графики
Предыдущий про линейные графики тут
❤30🥱5🔥3👏2🥰1
Forwarded from Reveal the Data
Принцип активной фильтрации
Шок! Ученые раскрыли секрет интерактивного дашборда, достаточно добавить в него всего лишь одну чайную ложку простой...
Часто заказчики просят вывести десятки фильтров на дашборд. Объясняется это тем, что им нужно делать ☝️АНАЛИТИКУ и ☝️ДАТА-ДРИВЕН и без фильтров тут не обойтись!
А еще хотят, чтобы фильтры закреплялись в шапке. И чтобы они могли сворачиваться, чтобы можно было добавить ещё, ещё больше фильтров. И чтобы можно было в них вставить значения из Экселя. =) А затем жалуются, что дашборды медленно работает, когда они их переключают.
Улучшить ситуацию можно легко. Нужно применить принцип активной фильтрации. Когда пользователь не вслепую перебирает значения из фильтров, надеясь найти инсайт (то есть выбирает значение пассивным образом), а когда вместо фильтров он видит аккуратные графики по этим же разрезам с отображением одной-двух основных метрик. Это позволяет ему сразу выбрать интересные срезы с необычным поведением и кликом в нужный срез фильтровать другие графики. Классно, например, видеть абсолюты основной метрики и её прирост. Тогда можно найти выбросы и по абсолютным занчениям, и по динамике. А когда таких графиков несколько, эффект получается ещё круче, потому что можно быстро делать факторный анализ.
Отсюда простое правило: видите фильтр → попробуйте заменить на аккуратный график (чаще всего бар-чарт). Места занимает чуть больше, но сильно снижает количество бесполезных кликов. И это правда один из самых крутых лайфхаков, как улучшить дашборд.
Примеры:
— Фильтры по жанрам и времени
—Фильтры по типам выступлений
—Фильтры по городам и направлениям
Поэтому для BI-инструмента супер важна возможность делать фильтрацию чарт-чарт по клику в график. И совсем скоро ещё одной системой, которая так умеет, станет больше 😎
@revealthedata
Шок! Ученые раскрыли секрет интерактивного дашборда, достаточно добавить в него всего лишь одну чайную ложку простой...
А еще хотят, чтобы фильтры закреплялись в шапке. И чтобы они могли сворачиваться, чтобы можно было добавить ещё, ещё больше фильтров. И чтобы можно было в них вставить значения из Экселя. =) А затем жалуются, что дашборды медленно работает, когда они их переключают.
Улучшить ситуацию можно легко. Нужно применить принцип активной фильтрации. Когда пользователь не вслепую перебирает значения из фильтров, надеясь найти инсайт (то есть выбирает значение пассивным образом), а когда вместо фильтров он видит аккуратные графики по этим же разрезам с отображением одной-двух основных метрик. Это позволяет ему сразу выбрать интересные срезы с необычным поведением и кликом в нужный срез фильтровать другие графики. Классно, например, видеть абсолюты основной метрики и её прирост. Тогда можно найти выбросы и по абсолютным занчениям, и по динамике. А когда таких графиков несколько, эффект получается ещё круче, потому что можно быстро делать факторный анализ.
Отсюда простое правило: видите фильтр → попробуйте заменить на аккуратный график (чаще всего бар-чарт). Места занимает чуть больше, но сильно снижает количество бесполезных кликов. И это правда один из самых крутых лайфхаков, как улучшить дашборд.
Примеры:
—
—
—
Поэтому для BI-инструмента супер важна возможность делать фильтрацию чарт-чарт по клику в график. И совсем скоро ещё одной системой, которая так умеет, станет больше 😎
@revealthedata
👍18❤10
☝️К посту выше хочу добавить, что регулярно использую этот принцип при создании интерфейсов, показывающих данные. То есть эту историю можно использовать не только в дэшбордах. Когда управляющий элемент (чаще всего фильтр) одновременно является графиком. Это и экономит место, и повышает информационную плотность и избавляет от лишних кликов.
Например в проекте, визуализирующем статьи Википедии (проект от SigmaJS) список кластеров одновременно является и легендой, объясняющей цвета, и бар-чартом с функцией рейтинга и фильтром, так как по клику показывает или снимает соответствующий кластер.
Например в проекте, визуализирующем статьи Википедии (проект от SigmaJS) список кластеров одновременно является и легендой, объясняющей цвета, и бар-чартом с функцией рейтинга и фильтром, так как по клику показывает или снимает соответствующий кластер.
👍18❤3