Прислали шедевральный график — 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://news.1rj.ru/str/nastengraph/3855
https://news.1rj.ru/str/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
Недавно спросили, что делать, если разница между значениями большая. Обрезать столбики или использовать лог-шкалу? Первое совсем категорически не стоит, лог-шкалу тоже (в крайне редких случаях).
В большинстве ситуаций важно сохранить визуальное ощущение, что отдельные значения сильно больше других. Тут возможны разные приемы и тут в канале уже не раз их обсуждали, есть они и в книге.
Вот ещё один, от Файненшл Таймс. Согнуть столбик и уложить штабелями. Вполне решает задачу, да и внимание привлекает.
#датавизприемы
В большинстве ситуаций важно сохранить визуальное ощущение, что отдельные значения сильно больше других. Тут возможны разные приемы и тут в канале уже не раз их обсуждали, есть они и в книге.
Вот ещё один, от Файненшл Таймс. Согнуть столбик и уложить штабелями. Вполне решает задачу, да и внимание привлекает.
#датавизприемы
❤61🔥36👍12🥴1
Еще один учебник по визуализации данных, на этот раз с упором на академические исследования того, как работает восприятие человека. На английском, конечно.
https://news.1rj.ru/str/novichkovnet/4293
https://news.1rj.ru/str/novichkovnet/4293
Telegram
novichkov.net
📈Конспект курса по психологии визуализации данных
Хороший курс лекций от Майкла Френдли, преподавателя университета в Торонто. Половина курса — это погружение в исторический и психологический контекст визуализации, много новых примеров и ссылок на научные…
Хороший курс лекций от Майкла Френдли, преподавателя университета в Торонто. Половина курса — это погружение в исторический и психологический контекст визуализации, много новых примеров и ссылок на научные…
❤39👍10
Скинули такую картинку (первая, с круговыми диаграммами). На самом деле не самая плохая, решает достаточно много задач. Но как-то всё избыточно. Площадь ОПЕК-стран дважды. Легенда избыточная, цвета — тоже. Страны подписаны дважды. То есть основной принцип, который нарушен — разумный минимализм. (Ну и сектора в круговой не по порядку)
Навскидку сделал тримэп, хоть он и не так точен, но порядок цифр показывает неплохо. А так можно было сделать например накопленную столбчатую.
В исправленном варианте можно добавить подписи процентов — место есть. (Или вообще убрать абсолютные числа, наверное, проценты важнее).
Но мне больше нравится вот эта анаморфная карта (третья картинка). Тот редкий случай, когда анаморфная карта удачна. Кроме цветовой шкалы, конечно.
(И картинка малость устарела, так как в 2000-2010 огромные месторождения нашли в Канаде и Венесуэле).
#разборыграфиков
Навскидку сделал тримэп, хоть он и не так точен, но порядок цифр показывает неплохо. А так можно было сделать например накопленную столбчатую.
В исправленном варианте можно добавить подписи процентов — место есть. (Или вообще убрать абсолютные числа, наверное, проценты важнее).
Но мне больше нравится вот эта анаморфная карта (третья картинка). Тот редкий случай, когда анаморфная карта удачна. Кроме цветовой шкалы, конечно.
(И картинка малость устарела, так как в 2000-2010 огромные месторождения нашли в Канаде и Венесуэле).
#разборыграфиков
🔥21👍13❤5🤔2🤯1
Обнаружен скриншот из приложения Тинькофф-банк. Сектора на графике нарисованы явно неправильно.
Я посмотрел у себя в Тинькофф, и обнаружил ту же картину. Сектора не бьются с данными, рисуются как-то произвольно, но логики не уловил.
Во-первых, это возмутительно и позорно!
Во-вторых, давайте попробуем коллективно разобраться, по какому всё-таки принципу оно отрисовывается?
Я посмотрел у себя в Тинькофф, и обнаружил ту же картину. Сектора не бьются с данными, рисуются как-то произвольно, но логики не уловил.
Во-первых, это возмутительно и позорно!
Во-вторых, давайте попробуем коллективно разобраться, по какому всё-таки принципу оно отрисовывается?
😱83❤15👍4🔥2🤔2
Forwarded from Weekly Charts
🦸♂️Unwrapped
Онлайн-конференция для пользователей Datawrapper 13–15 марта 2024, где вы увидите, как другие используют Datawrapper по максимуму. На конференции опытные пользователи смогут поучиться друг у друга, новички – перейти на новый уровень, а любопытные – узнать, что возможно с Datawrapper. Регистрируйтесь! Это бесплатно!
#datawrapper #online
Онлайн-конференция для пользователей Datawrapper 13–15 марта 2024, где вы увидите, как другие используют Datawrapper по максимуму. На конференции опытные пользователи смогут поучиться друг у друга, новички – перейти на новый уровень, а любопытные – узнать, что возможно с Datawrapper. Регистрируйтесь! Это бесплатно!
#datawrapper #online
🔥11❤5